@charset "UTF-8";
/* CSS Document */

.sePageHeaderWrapper .seStoreDataTop {
    background-color: #fff !important;
}

.sePage .sePageLayout .seNavbar {
background: #fff !important;
}

.seNavbarNav  {
    background: #fff !important;
    border-color: #fff !important;
}

.sePageHeaderWrapper .seHeaderActions {
    background: #fff !important;
}

.sePageHeaderWrapper .seHeaderTop {
    background: #fff !important;
}

.sePage .sePageLayout .seNavbar .navbar-nav>li>a {
    color: #111111 !important;
} 

.sePage .sePageLayout .seHeaderActions a:not(.btn) .seIcon {
    color: #111111 !important;
}

.sePage .sePageLayout .sePageHeader .seHeaderBottom, .sePage .sePageLayout .sePageHeader .seHeaderBottom .seStoreHours p {
    background: #025A65 !important;
    padding: 12px 36px !important;
}

.sePage .sePageLayout .block-bg-img h1, .sePage .sePageLayout .block-bg-img h2 {
font-size: 64px;
font-weight: 700;
}

.megamenu-toggle-bar {
background: #025A65 !important;
}

.seIcon:not(.fa):before {
    color: #111111;
    background: #ffffff;
}

.seBackTop i.seIconChevronUp:before {
    color: #ffffff;
    background: #025a65;
}

/* HIDE TEXT AND REPLACE WITH OTHER TEXT IN HEADER TEAL BANNER */

span.seStoreNameData {
    visibility: hidden;
    position: relative;
	min-width: 192px;
	display: block;
    line-height: 1em;
}

span.seStoreNameData:after {
    visibility: visible;
    position: absolute;
    top: 0;
    left: 0;
    content: "YOUR FRIENDLY LOCAL BIKE SHOP";
	font-size: 10px;
	letter-spacing: 0.1em;
	font-weight: 700;
}


h2 {
	margin-top: 12px;
	margin-bottom: 22px;
}


/* SET PADDING ON STORE LOCATION PAGE */

.sePageContent.sePageContentLocations {
    padding: 6% 0;
}

.sePageMainWrapper article#InfoPage186, .sePageMainWrapper article#InfoPage285, .sePageMainWrapper article#InfoPage188 {
    padding: 6% 0;
}
 
/* END SET PADDING ON STORE LOCATION PAGE */

.padding-lg {
	padding: 8%;
}

.padding-xl {
	padding: 8% 25%;
}

.padding-md {
	padding: 6%;
}

.padding-sm {
	padding: 4%;
}

.blog-section .container {	
	padding: 2% 12%;
}

.no-pad {
	padding: 0px;
}

.subhead-caps {
	text-transform: uppercase;
	font-size: 16px !important;
	letter-spacing: 0.1em;
}

.overlay {
	

  background-color: rgba(0,0,0,0.5) !important; /* Black background with opacity */
}

section.section.sePageSection.sePageSectionResponsive.zero-margin {
 margin: 0px;
}

.sePage .sePageMain {
    margin-top: 0px;
}
.sePageFooter {
 margin-top: 0px;
}

section.section.sePageSection.sePageSectionResponsive.extra-margin-bottom {
 margin-bottom: 10%;
}

section.section.sePageSection.sePageSectionResponsive.extra-margin-top {
 Margin-top: 10%;
}

section.seFooterSection.seFooterSectionResponsive {
    padding: 4% 0;
}

@media only screen and (min-width: 992px) {
.seSiteNavigator .navbar-nav .megamenu {
    top: -webkit-calc(100% + 58px);
    top: calc(100% + 58px);
}
}

@media only screen and (max-width: 992px) {
	.sePage .sePageLayout .wsmobileheader .icon-bar {
		background-color: #111111 !important;
	}
	
	.sePage .sePageLayout .wsmobileheader {
		background-color: #ffffff !important;
	}
	
	.seSiteNavigator {
		top: 100% !important;
	}
}

@media only screen and (max-width: 600px) {
.sePage .sePageLayout .block-bg-img h1, .sePage .sePageLayout .block-bg-img h2 {
font-size: 45px;
font-weight: 700;
}
	.blog-section .container {
	padding: 2% 4%;
}
}