/*Fonts*/



body {
    color: #0f0f0f;
    font-family: "Source Sans Pro", sans-serif;
}

h1, .h1, .PageTitle {
    color: #0078b6;
    margin-top: 10px;
}

h2 { 
    border-bottom: none;
color: #0078b6;
font-size: 2.8rem;
margin-bottom: 1rem;
    
    }

h4, .h4, .SectionLabel {
    font-family: "Source Sans Pro", sans-serif;
    color: #19204a;
    margin-bottom: 0.75rem;
}
a, .Link, .RadGrid.RadGrid .rgRow a, .RadGrid.RadGrid .rgAltRow a, .RadGrid.RadGrid .rgEditForm a, .k-grid.k-grid a, .RadToolTip.RadToolTip a {
    color: #0078b6;
    text-decoration: none;
}
a:hover, a:focus, a:active, .Link:hover, .Link:focus, .Link:active, .RadGrid.RadGrid .rgRow a:hover, .RadGrid.RadGrid .rgRow a:focus, .RadGrid.RadGrid .rgRow a:active, .RadGrid.RadGrid .rgAltRow a:hover, .RadGrid.RadGrid .rgAltRow a:focus, .RadGrid.RadGrid .rgAltRow a:active, .RadGrid.RadGrid .rgEditForm a:hover, .RadGrid.RadGrid .rgEditForm a:focus, .RadGrid.RadGrid .rgEditForm a:active, .k-grid.k-grid a:hover, .k-grid.k-grid a:focus, .k-grid.k-grid a:active, .RadToolTip.RadToolTip a:hover, .RadToolTip.RadToolTip a:focus, .RadToolTip.RadToolTip a:active {
    color: #B2D235;
    text-decoration: none;
}
.BlockTLItem h4, .BlockList h4 {
    font-size: 110%;
    font-weight: bold;
    }

/*Increasing content block size*/
.container, .header-container, .SliderPage1 {
    max-width: 1400px;
}

.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
    font-weight: bold;
    letter-spacing: 0px; 
    }

    #masterContentArea {
        margin-top: 10px !important;
        margin-bottom: 40px;
    }

/*Logo*/
.header-top-container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.headerLogo {
    padding-top: 10px;
    padding-bottom: 10px;
}

.headerLogo img {
    width: auto;
    height: auto;
    max-width: 100%; /* Ensure it doesn't exceed the container */
}

.header-container {
    display: flex;
    justify-content: center; /* Center align child elements */
    align-items: center; /* Vertically center align child elements */
}

/* Center the navbar-header within the header-container */
.navbar-header {
    margin-left: auto;
  
}

/*Aux menu*/
.nav-auxiliary .nav-aux-cart .cartCenter {
    background-color: #b2d235;
}
a.UtilitySection.UtilityAuthenticationLink.sign-in-link {
    border-color: transparent;
    position: relative;
    background-color: #0078B6;
    padding: 7px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    transform: scale(0.94);
    border-radius: 5px;
    color: #fff;
}

a.UtilitySection.UtilityAuthenticationLink.sign-in-link:hover {
    color: #fff;
    text-decoration: none;
    background-color: #b2d235;
    border-color: transparent;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.nav-text {
    font-weight: bold;
    color: black;
}

/*Main Navigation*/

.RadMenu.RadMenu_Toronto .rmText, .RadMenu.RadMenu_Toronto .rmHorizontal .rmText, .RadMenu.RadMenu_Toronto .rmSlide .rmText {
    padding: 19px 17px;
    }

.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
    font-weight: bold;
    letter-spacing: 0px; 
    }

.header-bottom-container {
    background-color: #0078B6;
}
.RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, .RadMenu.RadMenu_Toronto .rmRootLink:hover, .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
    background-color: #173f66;
    color: #fff;

}
.RadMenu.RadMenu_Toronto .rmGroup {
    background-color: #173f66;
}
.RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
    text-transform: none;
}
ul.rmVertical.rmGroup.rmLevel1 {
    transition: all 0.3s ease-in-out !important;
}

.RadMenu_Toronto .rmSlide .rmExpandRight, .RadMenu_Toronto .rmSlide .rmGroup a.rmLink.rmExpandRight {
    background-image: none;
}
li.rmItem {
    padding-right: 10px !important;
}
.RadMenu_Toronto .rmSlide .rmLink:hover, .RadMenu_Toronto .rmSlide .rmLink:focus, .RadMenu_Toronto .rmSlide .rmLink.rmFocused, .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:hover, .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink:focus, .RadMenu_Toronto .rmSlide .rmLevel1 > .rmItem > .rmLink.rmFocused {
    background-color: transparent;
    color: #B2D235;
}
.RadMenu.RadMenu_Toronto .rmRootLink.rmSelected {
    color: #fff;
   
}
.RadMenu_Toronto .rmSlide .rmLink {
    color: #fff;
}
.RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
    color: #fff;
    font-weight: bold;
    text-transform: uppercase !important;
    font-size: 15px !important;
    padding-top: 10px !important;
}
.rmLink:hover {
    color: #B2D235 !important;
}
.RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
    color: #B2D235;
}
.RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:hover, .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem.rmDisabled > .rmLink:focus {
    letter-spacing: normal;
}

#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('images/fblogo.svg'); /* Update path to your SVG */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px; /* Hide text */
    overflow: hidden;
}

#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink {
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url('images/lilogo.svg'); /* Update path to your SVG */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -9999px; /* Hide text */
    overflow: hidden;
}

/* SOCIAL LOGOS */

/* Hide the text within the .sociallogo list item */
.sociallogo .nav-text {
    display: none;  /* Hides the text "Facebook" */
}

.sociallogofb .nav-text {
    display: none;  /* Hides the text "Facebook" */
}

/* Style for the image to make it smaller and properly aligned */
.sociallogo .nav-image {
    height: 40px;  /* Smaller height */
    width:35px;   /* Smaller width */
    display: block;  /* Centers the image if the anchor is flex or block */
    margin: auto;  /* Centers horizontally in the parent element */
    padding: 0px;
}

.sociallogofb .nav-image {
    height: 40px;  /* Smaller height */
    width:30px;   /* Smaller width */
    display: block;  /* Centers the image if the anchor is flex or block */
    margin: auto;  /* Centers horizontally in the parent element */
    padding: 0px;
}

.NavigationListItem.sociallogo .NavigationLink {
    padding-left: 0;
    padding-right: 0;
}


/* Facebook Logo Hover */
#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink:hover {
    background-color: #2977ff; /* Desired hover background color */
    background-image: url('images/fblogo-white.svg'); /* Optional: White version of the logo for better visibility */
}

/* LinkedIn Logo Hover */
#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink:hover {
    background-color: #2977ff; /* Desired hover background color */
    background-image: url('images/linkedinlogo-white.svg'); /* Optional: White version of the logo for better visibility */
}

.header-aux-container .UtilityNavigation {
    gap: 0px 15px;
    align-items: center;
}

/* Ensure parent is flex and center-aligned */
.UtilityNavigation {
    display: flex;               /* Use flex layout */
    justify-content: center;     /* Center align horizontally */
    align-items: center;         /* Center align vertically */
    flex-wrap: wrap;             /* Allow wrapping if needed */
    margin-bottom: 9px;
}

/* Style for Utility Account Area */
.UtilitySection.UtilityAccountArea {
    flex: 1 0 auto;              /* Allow flexible sizing */
    margin: 0;                   /* Ensure no margins affecting alignment */
    text-align: center;          /* Center the text */
    padding: 0 10px; 
    /* Add padding if needed */
}

/* General style for UtilitySection */
.UtilitySection {
    flex: 1 0 auto;              /* Allow flexible sizing */
    text-align: center;          /* Center the content horizontally */
}



#pigdog {
    position: relative;
    z-index: 1; /* Ensure the content is above the pseudo-element */
}

#pigdog::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw; /* viewport width */
    height: 100vh; /* viewport height */
    background-color: grey;
    z-index: -1; /* Place it behind the content */
    /* Adjust as necessary to align with the top of the viewport */
    transform: translateY(calc(-100% + YourContainerTopMargin));
}

.RadMenu.MegaDropDownMenuOuter ul.rmLevel2 .rmLink {
    width: auto !important; /* Allow width to expand as needed */
}

.RadMenu.RadMenu_Toronto .rmLevel2 .rmItem .rmText {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 30px !important; /* Adjust this value as needed to align text */
    font-weight: 300;
    font-size: 14px;
}


.rmVertical.rmGroup.rmLevel2 {
    display: flex !important; /* Set display to flex */
    flex-direction: column !important; /* Assuming you want a vertical menu */
    align-items: flex-start !important; /* Align items to the start of the flex container */
    width: auto !important; /* Container width should be based on the widest item */
    position: relative; /* Adjust positioning if necessary */
    left: 0; /* Reset left positioning if not needed for other styling reasons */
}
.RadMenu.RadMenu_Toronto .rmTwoLevels .rmItem .rmItem, .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 .rmLink {
    padding-left: 0;
    width: auto !important;
    }

    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 {
        /* display: flex !important; */
        left: auto !important;
        /* flex-flow: row wrap; */
        min-width: auto;
        }

        .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 > .rmItem {
            white-space: nowrap;
            }



/*Footer*/

.copywrite {
    margin-bottom: 20px;
    }

.footerComs {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 2px solid white; /* Added 'solid' to specify the border style */
}

.footer-content {
    background-color: #19204a;
}
.footer-nav-copyright {
    background-color: #19204a;
    color: #ffffff;
}
.footer-content {
    padding-top: 2em;
}
.icon-footer {
    transition: all 0.3s ease-in-out;
}
.icon-footer:hover {
	-webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.footer-content .column {
    padding-left: 20px;
}
/* New CSS for footer-widget-1__contact */
.footer-widget-1__contact .wp-block-group__inner-container {
    display: block;
}

/*Buttons*/
.PrimaryButton, .UsePrimaryButton .TextButton, .RadGrid input.PrimaryButton {
    border-color: transparent;
    position: relative;
    background-color: #0078B6;
    padding: 7px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    transform: scale(0.94);
}
.PrimaryButton:hover, .PrimaryButton:focus, .PrimaryButton:active, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .RadGrid input.PrimaryButton:hover, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active {
    color: #fff;
    text-decoration: none;
    background-color: #b2d235;
    border-color: transparent;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.btn, .TextButton, .RadUpload.RadUpload .ruButton, .RadUploadProgressArea.RadUploadProgressArea .ruButton {
    border-color: transparent;
    position: relative;
    background-color: #0078B6;
    padding: 7px 10px;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: all 0.3s ease-in-out;
    -webkit-transform: scale(0.94);
    -ms-transform: scale(0.94);
    -o-transform: scale(0.94);
    transform: scale(0.94);
}
.btn:hover, .btn:focus, .btn:active, .TextButton:hover, .TextButton:focus, .TextButton:active, .RadUpload.RadUpload .ruButton:hover, .RadUpload.RadUpload .ruButton:focus, .RadUpload.RadUpload .ruButton:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:active {
    color: #fff;
    text-decoration: none;
    background-color: #b2d235;
    border-color: transparent;
    box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled:active, .btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton:disabled, .TextButton:disabled:hover, .TextButton:disabled:focus, .TextButton:disabled:active, .TextButton.disabled, .TextButton.disabled:hover, .TextButton.disabled:focus, .TextButton.disabled:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .RadUpload.RadUpload .ruButton:disabled, .RadUpload.RadUpload .ruButton:disabled:hover, .RadUpload.RadUpload .ruButton:disabled:focus, .RadUpload.RadUpload .ruButton:disabled:active, .RadUpload.RadUpload .ruButton.disabled, .RadUpload.RadUpload .ruButton.disabled:hover, .RadUpload.RadUpload .ruButton.disabled:focus, .RadUpload.RadUpload .ruButton.disabled:active, .RadUpload.RadUpload .ruButton.aspNetDisabled, .RadUpload.RadUpload .ruButton.aspNetDisabled:hover, .RadUpload.RadUpload .ruButton.aspNetDisabled:focus, .RadUpload.RadUpload .ruButton.aspNetDisabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton:disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.disabled:active, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:hover, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:focus, .RadUploadProgressArea.RadUploadProgressArea .ruButton.aspNetDisabled:active {
    color: #fff;
    background-color: #0078b6;
    border-color: #0078b6;
}
.LargeButton, .UseLargeButton .TextButton {
    font-size: 18px;
	border-radius: 5px;
} 

/* Accordions */

.psc-cb-accordion-group .psc-cb-accordion-toggle {
    margin-bottom: 1px;
    padding: 1.1em 1em;
    font-size: 100%;
    }

/*Cart page*/
.CartCharges {
    background-color: #f2f2f2;
}
.CartCharges .GrandTotal .PanelField .Label {
    color: #B2D235;
}
.CartCharges .GrandTotal .PanelField {
    color: #B2D235;
}
div#ctl01_TemplateBody_WebPartManager1_gwpciCartCharges_ciCartCharges_DataPanel span.Label {
    padding-left: 15px;
}

/*Events*/
.RadScheduler.RadScheduler_Metro .rsHeader {
    border-color: #0078b6;
    background-color: #0078b6;
}
.RadScheduler.RadScheduler_Metro .rsHeader ul a {
    border-color: #ffffff;
}
.RadScheduler .rsCategoryGreen .rsAptContent, .RadScheduler .rsCategoryGreen .rsAptIn, .RadScheduler .rsCategoryGreen .rsAptMid, .RadScheduler .rsCategoryGreen .rsResourceMarker {
    border-color: #b2d235;
    background-color: #b2d235;
}
.EventSummary {
    background-color: #f2f2f2;
}

/*Pop up window*/
.RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTitlebar, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopLeft, .RadWindow.RadWindow_MetroTouch .rwTitleRow .rwTopRight {
    background-color: #0078b6;
}

/*Homepage slider full-width*/
div#ctl01_ciFullWidthContent_ContentRecordTemplateArea_HomeSlideshow__Body {
    padding: 0;
}
div#ste_container_HomeSlideshow .panel {
    border: none;
}
.carousel-control.left {
    background-image: none;
}
.carousel-control.right {
    background-image: none !important;
}

/*.carousel-inner.bg-img > .item {
    background-position: top;
    background-repeat: no-repeat;
    background-size: contain;
	background-color: #ffffff;
}*/

/*Changing animation styling for the slider to fade-in rather than slide left*/

@media all and (transform-3d), (-webkit-transform-3d) {

    .carousel-inner > .item {
    opacity: 0;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    perspective: 1000px;
  }
    .carousel-inner > .item.next {
        opacity: 0;
        -webkit-transform: none !important;
        transform: none !important;
        transition: opacity 350ms ease-in-out;
    }
    .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: none !important;
        transform: none !important;
    }
    .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: none !important;
        transform: none !important;
    }

    .carousel-inner > .item.next.left, .carousel-inner > .item.active  {
        opacity: 1;
        -webkit-transform: none !important;
        transform: none !important;
        transition-delay: 150ms;
      
    }
    .carousel-inner > .item.prev, .carousel-inner > .item.prev.right {
        opacity: 0;
        -webkit-transform: none !important;
        transform: none !important;
        transition: opacity 350ms ease-in-out !important;
    }

}
/*Moving slider caption to the left*/
@media (min-width: 768px) {
.carousel-caption {
    padding: 0;
    left: 15%;
    right: 0;
    top: 20%;
    text-align: left;
}
    
}

/* Signing Styling*/
.signin .panel-title {
    flex-grow: 2;
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: none;
    white-space: pre-wrap;
    margin-bottom: 2rem;
    margin-top: 3rem;
    text-align: center;
    }

/*Homepage styling*/

.Wrapper-HomePage .FullWidthArea-StyleBg4 {
    display: none;
  }

.panel-heading.Distinguish, .panel-group .panel-heading, .PanelHead.Distinguish, .TitleBarCaption {
    padding: 6px 10px;
    border-bottom: 0px;
    }


/* Targets .TaggedListPanel inside .homeNews only */

.homeNews {
    padding-top: 30px;
    }
.homeNews .desc {
    font-size: 14px;
    }

.homeNews .TaggedListPanel {
    display: block !important;
}
    
.ProgressTracker2 .ProgressTrackerPanel {
    background-color: #B2D235;
}
div#ste_container_ciAnnouncements_818ec799e9e54034b40c19ada98badbe {
    padding: 40px 0;
}

.panel, .StandardPanel {
 border: 0px !important;
    }

    .panel-body, .PanelBody {
      padding: 0px !important; 
        }

        .Wrapper-FullWidth #masterContentArea .container-inner {
            max-width: 1400px !important;
            padding-left: 15px;
            padding-right: 15px;
            margin: 0 auto;
                
            }
            
            #homeNews {
            width: 100vw;
            min-height: 588px;
            padding: 4rem;
            }
            
            .homeNews h3.title {
            font-size: 130%;
            margin-top: 0px;
            }
            
            .homeNews .panel-title {
                font-size: 260% !important;
                margin-bottom: 30px;
                color: color(srgb 0 0.4694 0.714);
                }
            
            .homeNews .TaggedListPanel {
            display: grid!important;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 4rem;
            justify-content: flex-start;
            flex-wrap: wrap;
            margin: 0;
            padding: 0;
            list-style: none;
            }
            
            .homeNews .BlockTLItem {
              
                display: flex;
                flex-direction: column;
                justify-content: space-between; /* This spreads out the content and pushes the button to the bottom */
            width: 100%;
            box-shadow: 0 0 10px rgba(0,0,0,0.15);
            border-bottom: 1px solid #ddd;
            background-color: #fff;
            margin: 10px;
            border-radius: 0px;
            vertical-align: top;
            border-bottom: none;
            align-items: start;
            padding: 0px
            
            }
            
            .homeNews .img-wrapper img {
                border-radius: 0px;
            }
            
            .homeNews .contentTaggedListImageThumbnail {
            width: 100% !important;
            height: 225px !important;
            }
            
            .homeNews .BlockTLItem .title {
            min-height: auto;
                padding-left: 20px;
                padding-right: 9px;
                    
            }

            .homeNews .BlockTLItem .details {
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 20px;
            }


.homeNews .details {
    height: auto;
    }
            
            .homeNews .TextButton.PrimaryButton {
                font-weight: bold;
                
                 margin-left: 20px
                     
            }
            
            .plinkformat {
                margin-top: auto; /* This pushes the button to the bottom if the parent is a flex container */
                margin-bottom: 20px;
                display: none;
            }

            .homeNews .titlegap {
                display: none; 
            
            }
                   

/*Profile*/
@media (min-width: 768px) {
.mini-profile-banner-large .mini-profile-name-section, .mini-profile-banner-large .mini-profile-address-section {
    background-color: #f2f2f2;
}
}
.mini-profile-banner-large .mini-profile-picture-section, .mini-profile-banner-small .mini-profile-picture-section {
    background-color: #f2f2f2;
}
.mini-profile-banner-large .panel-heading, .mini-profile-banner-small .panel-heading, .account-page-with-banner .account-page-top-area.account-page-top-area {
    background-color: #f2f2f2;
}
html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
    border-color: #0078b6;
    background-color: #0078b6;
}
.RadTabStrip_MetroTouch.RadTabStrip_MetroTouch .rtsLevel1 {
    border-color: #0078b6;
}
a.rtsLink:hover {
    text-decoration: none !important;
}

/*Internal pages*/
.container-inner {
    padding-top: 20px;
    }

.ContentBlockPrimary {
    background-color: #f2f2f2;
    border-radius: 0px;
}
.Quote {
    background: #f2f2f2;
    border-left: 10px solid #B2D235;
}
.Quote:before {
    color: #b2d235;
}
.ProductDisplay {
    background-color: #f2f2f2;
}
.RelatedItemsHorizontalEffect li:hover {
    background-color: transparent;
    transition: all 0.3s ease-in-out;
}

/* Override and reset styles for the banner to achieve full-width */
.studentbanner {
    width: 100vw;          /* Full viewport width */
    position: relative;    /* Relative positioning to the nearest positioned ancestor (if any) */
    left: 65.8%;             /* Move the left side of the element to the middle of the container */
    transform: translateX(-50%); /* Shift it back by half its own width to center it */
    margin-top: 0px;       /* No additional margin at the top */
    min-height: 336px;     /* Minimum height of the banner */
    padding: 0;            /* No padding inside the element */
    margin: 0;             /* Remove any default margin */
}

 .psc-cb-header .studentbanner {
    min-height: 336px; /* Maintain your desired height */
    background-image: url('https://application.pseudocode.com.au/imgsrc/502/'); /* Ensure background is specified */
    background-size: cover; /* Cover the full area */
    background-position: center; /* Center the background */
    width: 100%; /* Full width of the banner container */
    padding: 0;
}

/* Optional: Remove any extra margins or padding inside the banner */
.studentbanner .inner, .studentbanner .psc-cb-header-content {
    padding: 0;
    margin: 0;
}

.psc-cb-ipart-container.studentbanner {
    padding-top: 0px;
    padding-bottom: 1px;
    margin-top: -10px;
    }

    /* Specific styles for h2 within the studentbanner class */
.studentbanner .psc-cb-header-content h2 {
    font-size: 5rem;  /* Increase the font size */
    color: #2d0100;  /* Apply color from CSS variables */
    text-shadow: var(--banner-text-shadow);  /* Apply text shadow from CSS variables */
    font-family: "Source Sans Pro", sans-serif;  /* Specify font family */
    font-weight: 700;  /* Bold font weight */
    line-height: 1.45em;  /* Adjust line height for better readability */
}/* Specific targeting within the studentbanner context */

.studentbanner .inner {
    width: 100% !important;           /* Adjust width to take the full width of its parent or any specific value */
    max-width: 1300px !important;     /* Increase max-width as needed to allow for more space */
    margin: 0 auto;        /* Centers the div if the outer container is wider than this max-width */
    padding: 0 20px;       /* Add horizontal padding if needed for aesthetics */
    box-sizing: border-box; /* Ensures padding is included within the width */
}
.studentbanner .psc-cb-button {
padding: 15px;
font-size: 80%;
font-weight: bold;;
}

.studentbanner .psc-cb-header-content .description p {
    color: #2d0100;
    }

    body#MainBody.studentPage .col-secondary {
        margin-top: 400px; /* Adjust this value based on the required space */
    }
    

/* ACA TRANSFER PATHWAY PAGE!! */

/* Override and reset styles for the banner to achieve full-width */
.acatransferBanner {
    width: 100vw;
    display: flex;
    align-items: center; /* Vertically center the wizard */
    position: relative;
    margin: 0;
    padding: 0;
    margin-top: 0px;
    min-height: 336px;
    background-size: cover; /* Ensures background image covers the banner */
    left: 50%; /* This will center the banner element */
    right: 50%;
    transform: translateX(-50%); /* Shift it back to align perfectly */
}

/* Optional: Remove any extra margins or padding inside the banner */
.acatransferBanner .inner, .acatransferBanner .bannerarea {
    padding: 0;
    margin: 0;
}

.bannerarea .acatransferBanner {
    padding-top: 0px;
    padding-bottom: 1px;
    margin-top: -5px;

}

.banner-text {
    position: absolute;
    top: 50%;
    left: 15%;
    transform: translateY(-50%);
    color: white;
    text-align: left;
    padding: 20px;
}
.acaWizard .banner-text h2 {
    font-size: 240%;
    }

/* Style the wizard form to overlay on the banner */
.acaWizard {
    text-align: left;
    padding: 20px;
    border-radius: 8px;
    color: white;
    max-width: 700px;
    padding-left: 15%;

}
.banner-text h2  {
    font-size: 240%;
    padding-bottom: px;
    }

button {
    
    background-color: #ffffff; /* Example background color */
    
    padding: 7px 20px; /* Example padding */
    border: none; /* Remove border */
    border-radius: 0px; /* Example rounded corners */
    cursor: pointer; /* Change cursor to pointer */
    font-size: 16px; /* Example font size */
    font-weight: bold;
    margin-top: 20px
}

button:hover {
    background-color: #b2d235; /* Darker shade on hover */
}

/* NEWS PAGES */
/* Override and reset styles for the banner to achieve full-width */
.newsbanner {
    width: 100vw; /* Make the banner full viewport width */
    position: relative; /* Position relative to align it properly */
    left: 50%; /* This will center the banner element */
    right: 50%;
    transform: translateX(-50%); /* Shift it back to align perfectly */
    margin: 0;
    padding: 0;
    margin-top: 0px;
    min-height: 336px;
}

 .psc-cb-header .newsbanner {
    min-height: 336px; /* Maintain your desired height */
    background-image: url('https://application.pseudocode.com.au/imgsrc/502/'); /* Ensure background is specified */
    background-size: cover; /* Cover the full area */
    background-position: center; /* Center the background */
    width: 100%; /* Full width of the banner container */
    padding: 0;
}
.newsbanner .psc-cb-header-content .description p {
    color: #173F66;
    }

/* Optional: Remove any extra margins or padding inside the banner */
.newsbanner .inner, .newsbanner .psc-cb-header-content {
    padding: 0;
    margin: 0;
  
}

.psc-cb-ipart-container.newsbanner {
    padding-top: 0px;
    padding-bottom: 1px;
    margin-top: -10px;
    }

#ctl01_TemplateBody_WebPartManager1_gwpcinewshero_cinewshero_TaggedListRepeater_ctl02_NextButton {
    
    display: none;
}
    /* Specific styles for h2 within the studentbanner class */
.newsbanner .psc-cb-header-content h2 {
    font-size: 5rem;  /* Increase the font size */
    color: #173F66;  /* Apply color from CSS variables */
    text-shadow: var(--banner-text-shadow);  /* Apply text shadow from CSS variables */
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 700;  /* Bold font weight */
    line-height: 1.45em;  /* Adjust line height for better readability */
}/* Specific targeting within the studentbanner context */

.newsbanner .inner {
    width: 100% !important;           /* Adjust width to take the full width of its parent or any specific value */
    max-width: 1300px !important;     /* Increase max-width as needed to allow for more space */
    margin: 0 auto;        /* Centers the div if the outer container is wider than this max-width */
    padding: 0 20px;       /* Add horizontal padding if needed for aesthetics */
    box-sizing: border-box; /* Ensures padding is included within the width */
}
.newsGroup {
    height: 87px !important;
    }

.newsTable {
    display: flex !important;
    gap: 0px; /* Adjust this value to control the spacing between the items */
    align-items: flex-start; /* Aligns items to the top */;
    }

.newsImage {
    flex: 0 0 240px; /* Keeps the image at a fixed width */
}

.newsContent {
    flex: 1; /* Allows the content to take the remaining available space */
    padding-left: 20px;
}

.TaggedListPanel {
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two equal-width columns */
    gap: 20px; /* Spacing between items */
}

/* HERO NEWS */

.newsHeadline {
    padding-bottom: 30px;

}
#ctl01_TemplateBody_WebPartManager1_gwpcinewshero_cinewshero_TaggedListRepeater_ctl02_NextButton {
    
    display: none;
}
/* Style for the hero news article */
.headlineNews {
    display: flex;
    flex-direction: column;
    gap: 10px; /* Adjust spacing between elements */

}

/* Style the image to cover the full width */
.headlineImage img {
    width: 100%; /* Adjust width based on your design */
    max-width: 800px; /* Adjust max-width based on your design */
}

/* Style for the headline content */
.headlineContent h4 {
    font-size: 2.5rem;
    margin: 0px 0;
    color: #0078b6;

}

.headlineContent .PublishDate {
    font-size: 1.25rem;
    color: #b2d235;
    margin-bottom: 8px;
    padding-bottom: 20px !important;
    font-weight: bold;

}

.headlineContent p {
    margin: 0;
    color: #444;
    padding-bottom: 10px;

}

.headlineContent {
    padding-right: 10px;
    padding-top: 10px;
}


.BlockTLItem {
    display: flex;
    gap: 15px;
    padding: 20px;
    align-items: start;
    flex-direction: column;

}

.BlockTLItem img {
    width: 240px;

 

}

.BlockTLItem h4 {
    font-size: 2.25rem;
    margin: 0;
    color: #0078b6;

}

.BlockTLItem .PublishDate {
    font-size: 1.4rem; /* Smaller font size */
    color: #555; /* Gray color */
    margin-bottom: 8px; /* Spacing below date */
    font-weight: bold;
}

.BlockTLItem p {
    margin: 0;
    color: #444;
    /* padding-bottom: 10px; */

}

@media(max-width: 768px) {
    .TaggedListPanel {
        grid-template-columns: 1fr; /* Switch to single column */
    }
}


/*Side menu*/
.col-secondary .sub-nav .sub-nav-head {
    background-color: #b2d235;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px;
	
}
.col-secondary .sub-nav {
    background-color: #f2f2f2;
   
}
.sub-nav-body .RadTreeView.RadTreeView a.rtIn {
    color: #0078b6;
}

/*Search panel*/
.SearchField, .SearchResultSummary .ListItemTitle a {
    background-color: #f2f2f2;
}
.SearchResultSummary .ListItemTitle a:hover {
    background-color: #dbdbdb;
	text-decoration: none !important;
}
.RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_MetroTouch .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_MetroTouch .rgPager .rgPagerCell .rgActionButton:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a.rgCurrentPage:hover, .RadGrid.RadGrid_Metro .rgPagerCell .rgNumPart a:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPagePrev:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageNext:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageFirst:active, .RadGrid.RadGrid_Metro .rgPagerCell .rgPageLast:active, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgPagerButton:hover, .RadGrid.RadGrid_Metro .rgPager .rgPagerCell .rgActionButton:hover {
    background-color: #0078b6;
    border-color: #0078b6;
}

/*Mobile view*/

@media (max-width: 767px){
/*Header*/	
.navbar {
    background-color: #fff;
}
.carousel-inner.bg-img > .item {
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
}

/*aux menu*/
.nav-auxiliary .nav-aux-button .NavigationLink {
    padding: 8px 8px;
}
.nav-auxiliary .nav-aux-button .NavigationLink {
    background-color: #0078B6;
}
.nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
    background-color: #B2D235;
}
.navbar-toggle.collapsed {
    background-color: #0078b6;
}
.navbar-toggle:hover, .navbar-toggle:focus {
    background-color: #b2d235;
}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    background-color: #b2d235;
    color: #fff;
}
/*main menu*/
.navbar-collapse, .searchbar-collapse {
    background-color: #0078b6;
}
.RadMenu.RadMenu_Toronto .rmGroup {
    background-color: #173f66;
}
.RadMenu.RadMenu_Toronto .rmRootLink.rmExpanded, .RadMenu.RadMenu_Toronto .rmRootLink:hover, .RadMenu.RadMenu_Toronto .rmRootLink.rmFocused {
    background-color: #173f66;
}
ul.rmVertical.rmGroup.rmLevel1 span.rmText {
    padding: 5px 15px;
}
.RadMenu.RadMenu_Toronto .rmSlide ul.rmGroup {
    padding-bottom: 10px;
}
.RadMenu.RadMenu_Toronto .rmRootGroup > .rmItem > .rmLink {
    text-transform: none;
}

.NavigationUnorderedList {
    display: none !important;
}

/*Footer*/
.footer-content .column {
    width: 100%;
    padding-left: 20px;
}
.footer-content .column.right {
    margin-top: 15px;
}
}

/* General styles for wrapper */
.wrapper {
    width: 100%;
    height: 100%;
}

/* Styles for breakpoints below 768px */
@media (max-width: 768px) {

    .responsive-logo {
        width: 300px !important;
        height: auto !important; /* Adjust height accordingly */
    }

    .wrapper {
        display: block !important; /* Ensure display is block for smaller screens */
    }
    
    .container, .header-container, .SliderPage1 {
        max-width: 100% !important; /* Ensuring it doesn't exceed the viewport width */
    }
    
    .homeNews .TaggedListPanel {
        grid-template-columns: 1fr !important; /* Single column for smaller screens */
        gap: 1rem !important; /* Adjust gap for smaller screens */
        padding: 0 15px !important; /* Adding padding for content to fit nicely */
    }

    #homeNews {
        width: 100vw !important;
        padding: 2rem !important; /* Adjusting padding */
    }

    .homeNews .BlockTLItem {
        margin: 10px 0 !important; /* Ensuring margin doesn't cause overflow */
        padding: 10px !important; /* Adjusting padding */
    }

    .homeNews .BlockTLItem .title, .homeNews .BlockTLItem .details {
        padding-left: 10px !important; /* Adjusting padding */
        padding-right: 10px !important; /* Adjusting padding */
    }

    .homeNews .TextButton.PrimaryButton {
        margin-left: 10px !important; /* Adjusting margin */
        margin-right: 10px !important; /* Adjusting margin */
    }

    .footer-content .column {
        padding-left: 10px !important; /* Adjusting padding for footer */
        padding-right: 10px !important; /* Adjusting padding for footer */
    }

    .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
        padding-left: 15px !important; /* Adjusting padding */
    }

    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 .rmLink {
        width: auto !important; /* Ensuring width is flexible */
    }

    .RadMenu.RadMenu_Toronto .rmLevel2 .rmItem .rmText {
        padding-left: 10px !important; /* Adjusting padding */
    }

    /* Hide Facebook and LinkedIn buttons in the main navigation */
    #ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink,
    #ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink {
        display: none !important;
    }

    /* Hide main navigation list */
    .NavigationUnorderedList {
        display: none !important;
    }

    .footer-widget-1 {
        min-width: auto !important;
        }
  
        .subscription__heading {
            color: #fff;
            font-size: 16px;
            line-height: 1.2em;
            font-weight: 700;
            }  
            
            .wp-block-button .wp-block-button__link {
                font-size: 80%;          
            }

            .nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
                margin-left: 0px;
                padding: 0px 6px;
                }

                .navbar-toggle {
                    border-radius: 0px;
                    }
}

/* Styles for breakpoints below 574px */
@media (max-width: 574px) {

    .headerLogo {
        padding-top: 10px;
        padding-bottom: 10px;
        max-width: 200px;
        }

    .responsive-logo {
        width: 225px !important;
        height: auto !important; /* Adjust height accordingly */
    }

    .wrapper {
        display: block !important; /* Ensure display is block for smaller screens */
    }
    
    .container, .header-container, .SliderPage1 {
        max-width: 100% !important; /* Ensuring it doesn't exceed the viewport width */
    }
    
    .homeNews .TaggedListPanel {
        grid-template-columns: 1fr !important; /* Single column for smaller screens */
        gap: 1rem !important; /* Adjust gap for smaller screens */
        padding: 0 15px !important; /* Adding padding for content to fit nicely */
    }

    #homeNews {
        width: 100vw !important;
        padding: 2rem !important; /* Adjusting padding */
    }

    .homeNews .BlockTLItem {
        margin: 10px 0 !important; /* Ensuring margin doesn't cause overflow */
        padding: 10px !important; /* Adjusting padding */
    }

    .homeNews .BlockTLItem .title, .homeNews .BlockTLItem .details {
        padding-left: 10px !important; /* Adjusting padding */
        padding-right: 10px !important; /* Adjusting padding */
    }

    .homeNews .TextButton.PrimaryButton {
        margin-left: 10px !important; /* Adjusting margin */
        margin-right: 10px !important; /* Adjusting margin */
    }

    .footer-content .column {
        padding-left: 10px !important; /* Adjusting padding for footer */
        padding-right: 10px !important; /* Adjusting padding for footer */
    }

    .RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
        padding-left: 15px !important; /* Adjusting padding */
    }

    .RadMenu.MegaDropDownMenuOuter ul.rmLevel2 .rmLink {
        width: auto !important; /* Ensuring width is flexible */
    }

    .RadMenu.RadMenu_Toronto .rmLevel2 .rmItem .rmText {
        padding-left: 10px !important; /* Adjusting padding */
    }

    /* Hide Facebook and LinkedIn buttons in the main navigation */
    #ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl02_NavigationLink,
    #ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl03_NavigationLink {
        display: none !important;
    }
    .quickaccessblock ul {
        width: 100% !important;
}
    /* Hide main navigation list */
    .NavigationUnorderedList {
        display: none !important;
    }

    .footer-widget-1 {
        min-width: auto !important;
        }

        .quickaccessblock .inner {
            display: flex;
            flex-direction: column;
            gap: 0;
            padding-top: 6rem;
            padding-bottom: 6rem;
            flex-wrap: wrap;
            }

            .subscription__heading {
                color: #fff;
                font-size: 16px!important;
                line-height: 1.2em;
                font-weight: 700;
}
.wp-block-button .wp-block-button__link {
    font-size: 80% !important;          
}

.nav-auxiliary .TextButton, .nav-auxiliary .navbar-toggle {
    margin-left: 0px;
    padding: 0px 6px;
    }

    .navbar-toggle {
        border-radius: 0px;
        }


}