/*Theme: Toronto Responsive PACFA v2
Created by: Alisa Gradinar, Integr8tiv*/

/*Fonts*/
@font-face {
  font-family: Acre;
  src: url(Fonts/Jonathan-Ball-Acre-Medium.otf);
}

h1, h2, h3, h4, h5, h6, a, p, span, body {
    font-family: Acre, Arial, sans-serif !important;
}
body {
    color: #727272;
}
h1, .h1, .PageTitle {
    color: #0078b6;
    margin-top: 10px;
}


h4, .h4, .SectionLabel {
    font-family: Acre, Arial, sans-serif;
    color: #0078B6;
}
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;
	transition: all 0.3s ease-in-out;
}

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

/*Logo*/
.header-top-container {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*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);
}

/*Main Navigation*/

.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;
	border-radius: 15px 15px 0 0 !important;
}
.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 {
    box-shadow: 4px 7px 9px 2px rgb(0 0 0 / 20%);
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 15px;
    transition: all 0.3s ease-in-out !important;
}

a.rmLink.rmRootLink.rmExpanded {
    border-radius: 15px 15px 0 0 !important;
}
a.rmLink.rmRootLink:hover {
    border-radius: 15px 15px 0 0 !important;
}
a.rmLink.rmRootLink.rmFocused {
    border-radius: 15px 15px 0 0 !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;
    background-color: #173f66;
    border-radius: 15px 15px 0 0 !important;
}
.RadMenu_Toronto .rmSlide .rmLink {
    color: #fff;
}
.RadMenu.RadMenu_Toronto .rmTwoLevels .rmLevel1 > .rmItem > .rmLink {
    color: #fff;
}
.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;
}

/*Footer*/
.footer-content {
    background-color: #173F66;
}
.footer-nav-copyright {
    background-color: #173f66;
    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;
}

/*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;
} 

/*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-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;
}
    
}

/*Homepage styling*/
.ProgressTracker2 .ProgressTrackerPanel {
    background-color: #B2D235;
}
div#ste_container_ciAnnouncements_818ec799e9e54034b40c19ada98badbe {
    padding: 40px 0;
}

/*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*/
.ContentBlockPrimary {
    background-color: #f2f2f2;
    border-radius: 15px;
}
.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;
}

/*Side menu*/
.col-secondary .sub-nav .sub-nav-head {
    background-color: #b2d235;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;	
}
.col-secondary .sub-nav {
    background-color: #f2f2f2;
    border-radius: 15px;
}
.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;
}

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