.comm-page-custom-guide-home .cb-section_column { padding: 0 !important; }

.climate-guide { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 20px; background-color: #DDE4E6; }

.climate-guide area:focus, .climate-guide area:hover { outline-color: #009da5; }

.climate-guide--header { min-height: 220px; background-size: cover; background-position: center; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; background-image: url(../img/guide-home-bg.jpg); -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 16px; padding-top: 10px; padding-bottom: 10px; }

.climate-guide--header-title { color: white !important; }

.climate-guide--container { background-color: white; }

.climate-guide--container div:target { background: #e4e4e4; padding-left: 15px; padding-right: 15px; border-radius: 5px; }

.climate-guide--descriptions { padding-top: 30px; padding-bottom: 30px; }

.climate-guide--deatils { font-size: 14px; }

.climate-guide--description { font-size: 14px; }

.climate-guide--description .title { font-size: 16px; font-weight: 600; line-height: initial; }

.climate-guide--description .subtitle { color: #a5a5a5; margin-top: 5px; margin-bottom: 5px; display: block; }

.climate-guide--description p { margin: 0; }

.climate-guide--description button { font-size: 14px; margin-bottom: 10px; }

/* card grid css */
.c40-card { position: relative; overflow: hidden; width: 100%; height: 240px; border-radius: 3px; }

.c40-card--details { position: absolute; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; bottom: calc(-100% + 50px); background: #009DA5; color: white; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 20px 10px 20px; -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; }

.c40-card--details .title { font-size: 16px; font-weight: 600; display: -webkit-box; display: -ms-flexbox; display: flex; height: 50px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: white; }

.c40-card--details .slds-button { font-size: 14px; color: #009DA5; }

.c40-card:hover .c40-card--details { bottom: 0; background-color: rgba(51, 51, 51, 0.5); }

.c40-card img { -webkit-transition: all ease 0.6s; -o-transition: all ease 0.6s; transition: all ease 0.6s; -o-object-fit: cover; object-fit: cover; width: 100%; height: 240px; }

/* guide-navigation css  */
@media screen and (min-width: 768px) { .comm-page-custom-guide-navigation .forceCommunitySection .cb-section_column:first-child > div { position: -webkit-sticky; position: sticky; top: 0; }
  .comm-page-custom-guide-navigation .cTrac_GuidedTourNavigation.topdivClass { border-right: none; max-height: calc(100vh - 280px); overflow: auto; } }

.comm-page-custom-guide-navigation .cTrac_GuidedTourNavigation img { max-width: 205px; margin-left: auto; margin-right: auto; display: block; padding-top: 15px; }

/*# sourceMappingURL=main.css.map */