@charset "UTF-8";

/* CSS Document */
/*Column layout*/
p {
	margin: 10px;
}

.banner-background {
	background-image: url('//www.aaa.com/AAA/common/AAR/images/bb-banner.jpg');
}

body,
html {
	font-family: 'Lato', sans-serif;
	background-color: #fff;
	font-size: 18px;
	line-height: 26px;
}

body * {
	box-sizing: border-box;
}

.aar-detail-wrapper {
	list-style-type: none;
}

.aaa-webContent-container h1,
.aaa-webContent-container h2,
.aaa-webContent-container h3,
.aaa-webContent-container h4,
.aaa-webContent-container h5,
.aaa-webContent-container p {
	margin: 20px;
	padding: 0px;
	display: block;
}

/*Fonts*/
.blk2 {
	font-size: 24px;
	font-weight: bold;
	color: #1A1A1A;
	line-height: 28px;
}

.blk3 {
	font-size: 18px;
	font-weight: bold;
	color: #1A1A1A;
	line-height: 26px;
}

.blk5 {
	font-size: 14px;
	font-weight: bold;
	color: #1A1A1A;
	line-height: 22px;
}

.b3 {
	font-size: 18px;
	font-weight: bold;
	color: #003893;
	line-height: 26px;
}

.wht1 {
	font-size: 36px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 46px;
}

.wht5 {
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 22px;
}

.regularText {
	font-weight: 400;
}

.italicText {
	font-style: italic;
}

/**/
a.aaa-link {
	font-size: 14px;
	color: #003893;
	text-decoration: none;
	cursor: pointer;
	font-weight: 400;
}

a.aaa-btn,
input.aaa-btn {
	font-family: 'Lato', sans-serif;
	color: #FFFFFF;
	letter-spacing: normal;
	padding: 10px 24px;
	font-size: 16px;
	font-weight: 400;
	clear: both;
	display: inline-block;
	border: none;
	margin-top: 24px;
	background: #003893;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-webkit-appearance: none;
	position: relative;
	overflow: hidden;
}

a.aaa-btn.aaa-btn-secondary {
	border: 2px solid #003893;
	background-color: transparent;
	color: #003893;
}

/*Layout*/
.aaa-inline-blockContainer {
	display: inline-block;
	width: 100%;
}

.aaa-column-outer-container {
	background-color: #ffffff;
	position: relative;
}

.aaa-column-inner-container {
	margin: 0 auto;
	max-width: 1600px;
	background-color: #ffffff;
}

.aaa-inner-container {
	padding: 24px;
	max-width: 800px;
	margin: 0 auto;
}

.aaa-middle-column {
	float: left;
	width: 60%;
	padding: 0px 24px;
	border-left: 1px solid #D9D9D9;
	border-right: 1px solid #D9D9D9;
}

.aaa-right-column {
	float: left;
	width: 20%;
}

/*Header and Footers*/
#aar-main-header-section,
#aar-main-footer-section {
	position: relative;
	background-color: #FFF;
}

.aaa-header-container {
	position: relative;
	padding: 10px;
	background-color: #FFF;
}

/*Default Club Header*/
.aaa-mobile-menu {
	padding: 10px 12px 4px 10px;
	cursor: pointer;
	background-color: #FFF;
	float: left;
	display: none;
}

.aaa-mobile-menu span {
	display: block;
	height: 1px;
	background-color: #00529C;
	width: 30px;
	margin-bottom: 8px;
}

.aaa-mobile-menu span:first-child {
	width: 36px;
}

.aaa-mobile-menu span:last-child {
	width: 22px;
}

.aaa-main-logo {
	background-image: url("//www.aaa.com/AAA/common/images/aaa_services/logos/4CAAA.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 65px auto;
	height: 40px;
	width: 65px;
	float: left;
	display: block;
	cursor: pointer;
	text-decoration: none;
	border: none;
}

a.aaa-home-icon {
	background-image: url('//www.aaa.com/AAA/common/AAR/images/home-icon.svg');
	background-size: 30px 26px;
	height: 26px;
	width: 30px;
	padding: 0px;
	position: absolute;
	top: 16px;
	right: 16px;
	text-decoration: none;
	display: inline-block;
	font-size: 16px;
	font-weight: normal;
	color: #003893;
	cursor: pointer;
}

a.aaa-nav-link {
	text-decoration: none;
	display: inline-block;
	padding: 10px 8px;
	font-size: 16px;
	font-weight: normal;
	color: #003893;
	cursor: pointer;
}

/*BREADCRUMBS*/
.aaa-breadcrumbs {
	padding: 8px;
}

.aaa-current-page-breadcrumb {
	float: left;
	margin-top: 8px;
}

.rcrumbs {
	font-size: 14px;
	line-height: 18px;
	white-space: nowrap;
}

.rcrumbs>ul {
	padding: 8px 24px;
	margin: 0px;
	list-style: none;
}

.rcrumbs>ul>li {

	display: inline-block;
}

.rcrumbs>ul>li.show {
	display: inline-block;
}

.rcrumbs>ul>li.ellipsis {
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
}

.rcrumbs a {
	color: #003893;
	text-decoration: none;
}

.rcrumbs a:hover {
	text-decoration: underline;
}

.rcrumbs a:focus {
	outline: 1px solid #000;
}

.rcrumbs .divider {
	color: #003893;
	padding: 0 5px;
}

#breadcrumbs {
	position: relative;
	background-color: #ffffff;
	overflow: hidden;
	border-top: 1px solid #d9d9d9;
	font-weight: 400;
}

#bcarticle {
	text-transform: capitalize;
}

/*Banner*/
.aaa-banner-container {
	position: relative;
}

.aaa-static-banner {
	background-image: url('//www.aaa.com/AAA/common/AAR/images/bb-banner.jpg');
	display: block;
	background-size: cover;
	background-position: center;
	height: 100%;
	width: 100%;
	position: absolute;
	border-bottom: 1px solid #e5e5e5;
}

.aaa-banner-filter {
	background-color: #000;
	opacity: 0.35;
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 1;
}

.aaa-banner-content {
	position: relative;
	z-index: 2;
	text-align: center;
	text-shadow: 0px 2px 2px rgba(51, 51, 51, 1);
	padding: 170px 0px 24px;
}

.aaa-banner-title {
	font-size: 42px;
	line-height: 52px;
}

.aaa-banner-container .wht3,
.aaa-banner-container .wht4,
.aaa-banner-container .wht5,
.aaa-banner-container .wht6 {
	text-shadow: 0px 2px 2px rgba(51, 51, 51, 1);
	text-align: center;
	margin-top: 14px;
}

.aaa-author-clip {
	background-image: url("//www.aaa.com/AAA/common/AAR/images/wht-banner-clip.svg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 34px 18px;
	bottom: 24px;
	cursor: pointer;
	margin: 74px auto 0;
	padding-bottom: 40px;
	text-align: center;
	width: 300px;
}

.aaa-author-clip:focus,
.aaa-author-clip:focus-within,
.aaa-author-clip:focus-visible {
	outline: 2px solid #FFFFFF;
	outline-offset: 3px;
}

/*Site map*/
.aaa-sitemap-container {
	background-color: #e5e5e5;
	text-align: right;
	position: relative;
}

.aaa-sitemap-container .aaa-inner-container {
	max-width: none;
	padding: 12px 24px;
}

/*Article*/
.aaa-article-content-container {
	line-height: 28px;
}

.aaa-article-image {
	text-align: center;
	margin-left: 10%;
	overflow: hidden;
}

.aaa-article-image amp-img {
	width: 420px;
	margin: 0 auto;
	display: block;
}

.aaa-article-content-container a {
	color: #003893;
	text-decoration: none;
}

/*Articles*/
.aaa-article-summary-main-container {
	position: relative;
	overflow: hidden;
	background-color: #FFF;
}

.aaa-article-summary-main-container .aaa-inner-container {
	text-align: left;
}

.aaa-article-summary-main-container .aaa-title {
	float: left;
}

a.aaa-link.aar-see-all-aticles-link {
	float: right;
	margin-top: 4px;
}

.aaa-link:focus {
	outline: #003893 2px solid;
}

a.aar-article-title-link {
	color: #003893;
	text-decoration: none;
}

.aaa-article-summary {
	display: inline-block;
	text-align: left;
	margin: 24px 0px;
	position: relative;
}

.aaa-article-thumb {
	position: relative;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
}

.aar-see-more-articles-button {
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 52px 24px 24px 24px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 49%, rgba(255, 255, 255, 1) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 49%, rgba(255, 255, 255, 1) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 49%, rgba(255, 255, 255, 1) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	/* IE6-9 */
}

.aar-see-more-articles-button a.aaa-btn.aaa-btn-secondary {
	width: 100%;
	font-size: 16px;
}

.aar-right-ribbon-details a.aaa-btn:focus,
.aar-see-more-articles-button a.aaa-btn.aaa-btn-secondary:focus {
	outline: 2px solid #333;
}

/*AAR*/
.aar-ribbon-section.aaa-column-outer-container {
	background-color: #f2f2f2;
}

.aar-ribbon-section .aaa-column-inner-container {
	background-color: #f2f2f2;
}

.aar-right-ribbon-details {
	float: left;
	width: 76%;
	padding-left: 24px;
}

.aar-right-ribbon-details a.aaa-btn {
	background-color: transparent;
	border: 2px solid #003893;
	color: #003893;
}

.aar-right-ribbon-details a.aaa-btn:focus {
	outline: 2px solid #333;
}

a.aaa-btn:focus,
a.aaa-btn:focus-within,
a.aaa-btn:focus-visible {
	outline: 2px solid #333;
	outline-offset: 3px;
}

h2.aaa-title {
	margin-bottom: 16px;
}

.aar-ribbon-section .aar-left-amp-img {
	float: left;
}

.aaa-article-thumb amp-img {
	height: 100%;
}

.aaa-social-sharing {
	position: absolute;
	right: 14px;
	top: 14px;
	z-index: 1000;
}

.social-sharing-tag-line {
	float: left;
	padding-top: 6px;
	padding-right: 14px;
	color: #fff;
}

.aaa-social-sharing-links {
	float: left;
}

a.aaa-twitterShare.aaa-twitterShare-circle {
	border-radius: 50px;
	margin-top: 14px;
	margin-right: 14px;
	overflow: hidden;
	position: relative;
	width: 34px;
	background-color: #00adef;
	height: 8px;
	padding: 28px 8px 8px 8px;
	background-image: url(/AAA/common/images/aaa_services/icons/social/twitter-wht.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 24px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	float: left;
}

a.aaa-facebookShare.aaa-facebookShare-circle {
	border-radius: 50px;
	margin-top: 14px;
	margin-right: 14px;
	overflow: hidden;
	position: relative;
	width: 34px;
	background-color: #3c5a9a;
	height: 8px;
	padding: 28px 8px 8px 8px;
	background-image: url(/AAA/common/images/aaa_services/icons/social/facebook-wht.svg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 10px;
	text-align: center;
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	float: left;
}

.aaa-results-container-aaa-left-column {
	position: relative;
	z-index: 6;
	background-color: #ffffff;
	padding: 0px;
	float: left;
	width: 20%;
}

.aaa-title {
	margin-bottom: 16px;
}

#landing-location {
	display: inline;
	padding-left: 3px;
	text-transform: capitalize;
}

.aar-legend-container {
	cursor: pointer;
	float: none;
	top: 0px;
	padding: 24px 0px;
}

.aaa-legend-title {
	float: left;
	margin-top: 6px;
	margin-right: 12px;
}

.aar-legend-tool-tip-icon {
	display: inline-block;
	background-image: url(../images/tool-top-icon.svg);
	background-size: 32px auto;
	background-position: center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
}

.aar-legend-content {
	display: none;
}

.aar-legend-tool-tip-view-drop-arrow {
	left: 63px;
	top: 43px;
}

.aar-legend-tool-tip-view-drop-arrow {
	background-image: url(../images/tool-tip-drop-arrow.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: auto 14px;
	height: 20px;
	position: absolute;
	right: 2px;
	top: 20px;
	width: 28px;
	z-index: 9;
}

.aar-legend-tool-tip-view-container {
	top: 60px;
	left: 0px;
	right: auto;
}

.aar-legend-tool-tip-icon {
	display: inline-block;
	background-image: url(/AAA/common/AAR/images/tool-top-icon.svg);
	background-size: 32px auto;
	background-position: center;
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
}

.aar-legend-tool-tip-view-container {
	background-color: #fff;
	border-radius: 4px;
	padding: 0px 48px 24px 24px;
	position: absolute;
	top: 37px;
	right: -4px;
	width: 320px;
	z-index: 8;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	-moz-box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 2px 4px 0px rgba(50, 50, 50, 0.5);
}

.aar-legend-close-tool-tip {
	background-image: url(../images/x-icon.svg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	cursor: pointer;
	height: 32px;
	position: absolute;
	right: 14px;
	top: 14px;
	width: 32px;
}

.aar-legend-icon {
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 32px auto;
	margin-right: 24px;
	margin-top: 14px;
	min-height: 42px;
	padding-top: 6px;
}

.aar-legend-disclaimer {
	border-top: 1px solid #d9d9d9;
	margin-top: 14px;
	padding-top: 24px;
}

.aar-top-10-left {
	padding: 5px;
}

.aar-top-10-left:nth-child(odd) {
	float: left;
}

a.aar-detail {
	display: inline-block;
	width: 100%;
	margin: 14px 0px;
}

a.aar-detail .aar-shop {
	float: left;
	width: 70%;
}

a.aar-detail span {
	display: block;
}

.aar-title {
	color: #003893;
	text-decoration: none;
}

.aar-address1,
.aar-address2 {
	line-height: 18px;
}

.aar-address1 {
	margin-top: 4px;
}

a.aar-detail .aar-bottom-detail {
	margin-top: 14px;
	display: inline-block;
}

a.aar-detail .aar-count {
	background-color: #E5E5E5;
	height: 40px;
	width: 40px;
	border-radius: 50px;
	padding: 8px;
	text-align: center;
	float: left;
	margin-right: 14px;
}

a.aar-detail .arr-icons span:first-child {
	margin-left: 0px;
}

a.aar-detail .arr-icons span {
	display: inline-block;
	background-size: 32px auto;
	background-position: left center;
	background-repeat: no-repeat;
	height: 42px;
	width: 32px;
	margin-left: 6px;
}

/*AAR Shop Styling*/
.aar-icon {
	background-image: url('/AAA/common/AAR/images/aar-logo-color.svg');
}

.caar-icon {
	background-image: url('/AAA/common/AAR/images/caar-logo-color.png');
}

.aaa-owned-icon {
	background-image: url('/AAA/common/AAR/images/AAA-owned-icon.svg');
}

.caa-owned-icon {
	background-image: url('/AAA/common/AAR/images/CAA-owned-icon.png');
}

.aaa-battery-icon {
	background-image: url('/AAA/common/AAR/images/battery-icon.jpg');
}

.aaa-service-icon {
	background-image: url('/AAA/common/AAR/images/AAA-service-icon.svg');
}

.aaa-auto-body-icon {
	background-image: url('/AAA/common/AAR/images/AAA-auto-body-icon.svg');
}

.aaa-auto-glass-icon {
	background-image: url('/AAA/common/AAR/images/AAA-auto-glass-logo.svg');
}

.aaa-napa-icon {
	background-image: url('/AAA/common/AAR/images/napa-icon.png');
}

.appointment-icon {
	background-image: url('/AAA/common/AAR/images/appointment-icon.png');
}

.discount-icon {
	background-image: url('/AAA/common/AAR/images/discounts-icon.png');
}

a.skip-main {
	opacity: 0;
	width: 26em;
	display: block;
	text-decoration: none;
	padding: 5px;
	position: absolute;
	left: 0;
	top: 0;
}

a.skip-main:focus,
a.skip-main:active {
	z-index: 7;
	top: 0;
	left: 0;
	border: solid #003893 2px;
	color: #003893;
	opacity: 1;
	background-color: hsla(0, 0%, 100%, .9);
	width: 100%;
	text-align: center;
	z-index: 7;
}

.amp-ad-wrapper {
	text-align: center;
	margin: auto;
	padding: 32px 0px;
	background-color: #f2f2f2
}


.amp-ad-wrapper:focus,
.amp-ad-wrapper:focus-within,
.amp-ad-wrapper:focus-visible {
	outline: 2px solid #333;
	outline-offset: 3px;
}

amp-ad:focus,
amp-ad:focus-within,
amp-ad:focus-visible {
	outline: 2px solid #333;
	outline-offset: 3px;
}


.amp-mobile-ad {
	display: none
}

@media only screen and (max-width : 820px) {

	.amp-desktop-ad {
		display: none;
	}

	.amp-mobile-ad {
		display: inline-block;
	}

}

@media only screen and (max-width : 1024px) {

	/*Default Club Header*/
	.aaa-headerInnerContainer {
		width: 968px;
	}

	a.aaa-headerLinks,
	a.aaa-headerLinks:visited,
	a.aaa-headerLinks:active {
		font-size: 12px;
	}

	a.aaa-homeHeaderBtn,
	a.aaa-homeHeaderBtn:visited,
	a.aaa-homeHeaderBtn:active {
		display: none;
	}

}

@media only screen and (max-width : 980px) {

	/*Default Club Header*/
	.aaa-mobile-menu {
		display: none;
	}

	.aaa-main-logo {
		float: none;
		margin: 0 auto;
	}

	.aaa-nav-links-container {
		clear: both;
		display: block;
		height: 0px;
		overflow: hidden;
		/*Transition*/
		-webkit-transition: All 0.5s ease;
		-moz-transition: All 0.5s ease;
		-o-transition: All 0.5s ease;
		-ms-transition: All 0.5s ease;
		transition: All 0.5s ease;
	}

	.aaa-nav-links-container.aaa-show-nav-links {
		height: 320px;
	}

	a.aaa-nav-link {
		display: block;
		padding: 10px 8px;
		font-size: 16px;
		font-weight: normal;
		color: #003893;
		cursor: pointer;
		/*Transition*/
		-webkit-transition: All 0.2s ease;
		-moz-transition: All 0.2s ease;
		-o-transition: All 0.2s ease;
		-ms-transition: All 0.2s ease;
		transition: All 0.2s ease;
	}

	a.aaa-nav-link:hover {
		text-indent: 14px;
	}

}

@media only screen and (max-width : 820px) {

	/*Layout*/
	.aaa-middle-column {
		float: none;
		width: 100%;
		padding: 0px 24px;
		border-right: none;
	}

	.aaa-right-column {
		float: none;
		width: 100%;
	}

	.aaa-article-content-container .aaa-inner-container {
		padding: 0px;
	}


}

@media only screen and (max-width : 700px) {
	#aaa-results-container {
		display: none;

	}

	.aar-right-ribbon-details {
		float: none;
		width: 100%;
		padding-left: 0px;
	}

	.aar-ribbon-section .aar-left-amp-img {
		float: none;
		margin-bottom: 24px;
	}

	.aar-right-ribbon-details {
		float: none;
		width: 100%;
		padding-left: 0px;
		text-align: center;
	}

	.aaa-article-summary {
		max-width: 300px;
		margin: 0 auto;
		display: block;
		clear: both;
		padding-top: 24px;
	}

	.aaa-article-image {
		margin: 14px;
	}

	.aaa-article-image amp-img {
		width: 100%;
	}

	.aaa-column-outer-container {
		background-color: #ffffff;
		position: relative;
	}

	.aar-ribbon-section.aaa-column-outer-container {
		background-color: #f2f2f2;
	}

	.article-image {
		padding-left: 0px;
	}
}

.aaa-custom-article-subtitle {
	margin: 0px 0px 16px 0px !important;
}

.arrow {
	border: solid white;
	border-width: 0 3px 3px 0;
	display: inline-block;
	padding: 3px;
	transform: rotate(-135deg);
}

a.aaa-backToTop {
	background-color: #003893;
	height: 44px;
	width: 44px;
	opacity: 10;
	bottom: 34px;
	right: auto;
	left: -64px;
	margin: 0 auto;
	display: block;
	/*Transition*/
	-webkit-transition: All 0.5s ease;
	-moz-transition: All 0.5s ease;
	-o-transition: All 0.5s ease;
	-ms-transition: All 0.5s ease;
	transition: All 0.5s ease;
	z-index: 20;
	;
	position: fixed;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}

a.aaa-backToTop:hover {
	background-color: #3373B1;
	opacity: 10;
	cursor: pointer;
}

a.aaa-backToTop.aaa-back-to-top-show {
	left: 0px;
}

a.aaa-backToTop:focus {
	outline: #333 1px solid;
}

.related-articles-title {
	margin: 0 0 16px 0 !important;
}

.aar-shop-icon-img {
	display: inline-block;
	background-size: 32px auto;
	background-position: left center;
	background-repeat: no-repeat;
	height: 42px;
	width: 32px;
}

.aar-appointment-icon-img,
.aar-battery-icon-img,
.aar-discount-icon-img {
	display: inline-block;
	height: 33px;
	width: 33px;
	margin-left: 6px;
	margin-bottom: 4px;
}

.aar-battery-icon-img {
	margin-right: 6px;
	margin-left: 0px;
}