/* General */
:root{
     --header_height: 68px;
     --main_cont_height: 75vh;
}

select{
     -webkit-appearance: none;
     -moz-appearance: none;
}

#primary.nbrhd_guides > .wp-block-group, #primary.nbrhd_guides > .wp-block-columns{
     width: calc(100% - 72px) !important;
     max-width: 1000px !important;
     margin: 0 auto !important;
}

.location_outer_wrap{
     height: 0;
     overflow-x: hidden;
     overflow-y: scroll;
}

.location_outer_wrap.active{
     height: calc(100vh - 68px);
}

#map{
     position: sticky !important;
     top: 0;
     width: 100vw;
     height: 40vh;
     background-color: #005aa8;
     z-index: 1000;
     overflow: hidden;
}

/* General - END */

/* Form Wrap */
.info_outer_wrap{
     height: 0;
     overflow: hidden;
}

#guide_wrapper{
     display: grid;
     align-items: center;
     align-content: center;
}
/* Form Wrap - END */

/* Form Wrap Active */
#guide_wrapper{
     display: grid;
     align-content: center;
     height: auto;
     max-height: auto;
}

#guide_wrapper.active{
     display: block;
     height: auto;
     overflow: hidden;
     background-color: #fff;
}

#guide_wrapper form{
     height: auto;
     background-color: #fff;
}

#guide_wrapper.active .form_inner_wrap{
     background-color: #e6f3ff;
}

#guide_wrapper .info_outer_wrap{
     height: auto;
     display: block;
     background-color: #fff;
     z-index: 0;
}

#guide_wrapper .info_outer_wrap .info_box{
     padding: 18px 36px;
}

.info_box .loc_img img{
     width: 100%;
     height: 100%;
     aspect-ratio: 1 / 1;
     object-fit: cover;
     object-position: center;
}

.info_sngle{
     margin-top: 36px;
}

.info_sngle .loc_img figcaption{
     display: none;
}

.info_box .sngl_info_icons{
     width: 100%;
     height: auto;
     margin: 18px 0 0 0;
}

.info_box .sngl_info_icons img{
     display: inline;
     width: 36px;
     height: 36px;
     margin: 0 18px 0 0;
     object-fit: cover;
     object-position: center;
     background-color: #005aa8;
     border-radius: 50%;
}

.stn_rte_inf{
     padding: 18px 36px;
     background-color: #e6f3ff;
}
/* Form Wrap Active - END */

/* Form */
#guide_wrapper form label{
     font-weight: 600;
     text-align: center;
     grid-area: label;
}

.select_wrap{
     position: relative;
     grid-area: dropdown;
}

.select_wrap::after{
     content: '';
     position: absolute;
     top: calc(50% - 13px);
     right: 9px;
     width: 15px;
     height: 15px;
     border-right: 2px solid #000;
     border-bottom: 2px solid #000;
     transform: rotate(45deg);
     pointer-events: none;
}

#guide_wrapper form select{
     display: block;
     width: 100%;
     padding: 9px;
     margin: 9px 0;
     border: 1px solid rgba(0, 0, 0, .25);
     background-color: #fff;
     font-size: 18px;
     color: rgba(0, 0, 0, .85);
     box-sizing: border-box;
}

#guide_wrapper form button{
     grid-area: button;
}

#guide_wrapper form{
     display: grid;
     width: auto;
     max-width: 775px;
     margin: 0 auto;
     padding: 18px 36px;
     grid-template-areas: 
          ". label ."
          "dropdown dropdown dropdown"
          ". button ."
     ;
}

#guide_wrapper.active form{
     background-color: #e6f3ff;
}

#guide_wrapper h2{
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 1fr 1fr;
}

.nbrhdgds-sbx-green-line #guide_wrapper h2{
     grid-template-rows: auto 1fr;
}

/* Info Wrapper */
.rte_point_wrap{
     height: 0;
     overflow: hidden;
}

.rte_point_wrap.active{
     position: sticky;
     top: 0;
     height: auto;
     overflow: hidden;
}

/* Info Wrapper - END */

.stop_busi_name{
     order: 2;
     line-height: 24px;
}

.stop_street_name{
     color: #005aa8;
     font-weight: 600;
     margin-bottom: 16px;
     order: 1;
     transition: all .25s ease-in-out;
}

.stop_links li{
     list-style: none;
}

.stop_links li a{
     color: #005aa8;
     text-decoration: underline;
}

.infClsBtn{
     display: none;
}

/* Bottom blocks */
.link_blocks figcaption{
     display: block;
     position: relative;
     height: 210px;
     font-style: normal;
     background-color: #69A52B;
}

.link_blocks figcaption a{
     color: #fff;
     font-style: normal;
}

.link_blocks figcaption a svg{
     display: inline;
     width: 18px;
     height: 18px;
     margin: 0 0 -4.5px 4.5px;
     transition: margin .5s ease;
}

.link_blocks figcaption a:hover svg{
     margin: 0 0 -4.5px 9px;
     transition: margin .5s ease;
}

#Path_10.blck_lnk_arrow{
     fill: #fff;
}
/* bottom blocks - END */

.info_sngle .loc_img_wrap figcaption{
     display: none;
}

/* InforWindow Styles */
.info_content p{
     padding: 0 !important;
}


.gm-style .gm-style-iw-t::after, button.gm-ui-hover-effect{
     display: none !important;
}

/* Form Header */
.form_inner_wrap h3{
     padding: 36px;
     max-width: 600px;
     margin: 0 auto;
}

.gm-style .gm-style-iw-t::after, #guide_wrapper.active .form_inner_wrap h3{
     display: none;
}
/* Form header - END */

/* Header List */
.wp-block-cover__inner-container ul{
     width: 90%;
     margin: 0 0 0 36px;
}

.wp-block-cover__inner-container ul a{
     color: #fff;
     font-weight: 600;
     text-decoration: underline;
}

.wp-block-cover__inner-container ul a:hover, .wp-block-cover__inner-container ul a:focus{
     text-decoration: none;
}

.nbrhdgds-chaffey-college .wp-block-cover__inner-container{
     display: grid;
     grid-template-rows: auto auto;
     align-items: center;
     align-content: center;
     min-height: 50vh;
}
/* Header List - END */

/* Stop Name */
.gm-style .gm-style-iw-t::after{
     content: '';
     position: absolute;
     top: 21px;
     left: -28px;
     width: 17px;
     height: 5px;
     background: #005aa8;
     transform: rotate(0deg);
     box-shadow: 0 2px 7px 1px rgba(0,90,168,0.3);
     z-index: 0;
}

.gm-style .gm-style-iw-c{
     background-color: transparent;
     box-shadow: none;
     padding: 0;
     width: auto;
     height: auto;
     border-radius: 0;
}

.info_content{
     position: relative;
     background-color: white;
     box-shadow: 0 2px 7px 1px rgba(0,90,168,0.3);
     height: 32px;
     display: flex;
     align-items: center;
     padding: calc(32px / 2);
     border-radius: 4px;
     border: 5px solid #005aa8;
     box-sizing: border-box;
     overflow: hidden;
     z-index: 100;
}

.green.info_content{
     border: 5px solid #69a52b;
}

.orange.info_content{
     border: 5px solid #F77E0F;
}

.cadblue.info_content{
     border: 5px solid cadetblue;
}

.nbrhdgds-sbx-green-line .info_content{
     border: 5px solid #69a52b;
}

.grn_ln_cntnt{
     position: relative;
     font-family: 'Source Sans Pro', sans-serif;
     font-weight: 700;
     color: #fff;
     padding: calc(32px / 2);
     border-radius: 0;
     background-color: #69a52b;
     z-index: 50;
}

#select_location{
     display: block;
     width: auto;
     height: 50px;
     padding: 12px;
     background-color: #69A52B;
     color: #fff;
     text-align: center;
     border: 2px solid #69A52B;
     padding: 9px 27px;
     border-radius: 4px;
     grid-area: button;
}

#select_location:hover, #select_location:focus{
     background-color: #fff;
     color: #69A52B;
     border: 2px solid #69A52B;
}

 /* Stop name - END */
/* InfoWindow Styles - END */

@media only screen and (min-width: 1024px){
     #primary{
          position: relative;
     }

     #guide_wrapper{
          position: static;
          top: 0;
          width: 100vw;
          background: #fff;
          transition: width .5s ease-in-out;
     }

     #guide_wrapper{
          position: relative;
          width: 100vw;
          background-color: rgba(255,255,255,.85);
          z-index: 2;
     }

     #guide_wrapper form button{
          z-index: 0;
     }

     #guide_wrapper .info_outer_wrap{
          height: calc(100% - 237px);
          padding: 18px 36px;
          overflow-x: hidden;
          overflow-y: scroll;
     }

     #guide_wrapper .info_outer_wrap .info_box{
          padding: 0;
     }

     #guide_wrapper > *, .rte_point_wrap > *{
          position: static;
     }

     #guide_wrapper .rte_point_wrap{
          transition: max-height .5s ease-in-out .5s;
          background-color: #e6f3ff;
     }

     #guide_wrapper label{
          font-size: 28px;
          padding: 0 18px 0 0;
     }

     #guide_wrapper form{
          grid-template-areas: 
               "label dropdown dropdown"
               ". . button"
          ;
          align-items: center;
          background-color: transparent;
     }

     #map{
          position: absolute !important;
          right: 0;
          top: 0;
          width: 100vw;
          height: 100%;
          max-height: 100%;
          z-index: 0;
          transition: width .5s ease-in-out;
          opacity: 0;
     }

     #map.active{
          width: 50vw;
          height: 100%;
          max-height: 100vh;
          transition: width .5s ease-in-out;
          opacity: 1;
     }

     /* Info Selector */
     .info_box{
          display: grid;
          grid-template-columns: 1fr 1fr;
          gap: 36px;
     }

     .info_sngle.active h2, .info_sngle.active .sngl_info_icons{
          padding: 0 36px;
     }

     .info_sngle > *:not(h2):not(figure){
          display: none;
     }

     .info_box .loc_img_wrap{
          background-color: #e6f3ff;
     }

     .info_box .loc_img_wrap img{
          display: block;
          width: 100% ;
          max-width: 600px;
          aspect-ratio: 3 / 2;
     }

     .info_sngle.active .loc_img_wrap figcaption{
          display: grid;
          grid-template-columns: auto auto;
          align-items: center;
          align-content: center;
          justify-content: center;
          position: static;
          padding: 36px 0 0 0;
          margin: 0;
          width: 100%;
          font-size: 18px;
          color: #005aa8;
          font-weight: 600;
          font-style: normal;
          background-color: transparent;
     }

     .info_sngle.active .loc_img_wrap figcaption::before{
          content: "";
          width: 45px;
          height: 45px;
          margin: 0 9px 0 0;
          border-radius: 50%;
          background-color:  #005aa8;
          background-image: url('https://omnitrans.org/wp-content/uploads/2021/11/Group-2169.png');
          background-repeat: no-repeat;
          background-position: center center;
          background-size: cover;
     }

     .info_sngle.active  .stop_street_name{
          display: none;
     }

     #guide_wrapper h2 {
          grid-template-rows: auto 1fr;
     }

     .info_sngle:hover, .info_sngle:focus{
          cursor: pointer;
     }

     /* Info on active */
     .info_sngle.active{
          display: grid;
          align-content: start;
          position: absolute;
          top: 0;
          left: 0;
          width: 50vw;
          height: calc(100%);
          padding: 0;
          background-color: #fff;
          overflow-x: hidden;
          overflow-y: scroll;
          z-index: 10;
     }

     .info_sngle.active .loc_img_wrap{
          order: 1;
     }

     .info_sngle.active .loc_img_wrap > *, .info_sngle.active > *:not(.loc_img_wrap){
          width: 100%;
          max-width: 600px;
          margin: 0 0 0 auto !important;
     }

     .info_sngle.active .loc_img_wrap > *{
          max-width: calc(600px - 36px);
     }

     .info_sngle.active h2{
          order: 2;
     }

     .info_sngle.active p{
          order: 3;
     }

     .info_sngle.active .sngl_info_icons{
          order: 4;
     }

     .info_sngle.active .stop_links{
          order: 5;
     }

     .info_sngle.active:hover, .info_sngle.active:focus{
          cursor: auto;
     }

     .info_sngle.active > *{
          display: block;
          padding: 36px;
     }
     /* Info on active - END */
     /* Info Selector - END */

     /* Close button */
     #primary button.infClsBtn{
          position: fixed;
          top: -150px;
     }
     
     #primary button.infClsBtn.active{
          display: block;
          position: absolute;
          top: calc(145px + 15px);
          right: calc(50vw + 15px);
          width: 39px;
          height: 39px;
          padding: 9px;
          margin: 0;
          background-color: transparent;
          border: none;
          z-index: 2000;
     }

     #primary button.infClsBtn.active:hover, #primary button.infClsBtn.active:focus{
          background-color: #000;
     }

     #primary button.infClsBtn::before, #primary button.infClsBtn::after{
          content: "";
          display: block;
          position: absolute;
          top: calc(50% - 1.5px);
          left: calc(50% - 15px);
          width: 30px;
          height: 3px;
          border-radius: 1.5px;
          background-color: #000;
     }

     #primary button.infClsBtn.active:hover::before, #primary button.infClsBtn.active:hover::after{
          background-color: #fff;
     }

     #primary button.infClsBtn.active::before{
          transform: rotate(45deg);
     }

     #primary button.infClsBtn.active::after{
          transform: rotate(-45deg);
     }
     /* Close button - END */

     /* Form Wrap Updates */
     #guide_wrapper{
          min-height: 145px;
          margin: 0 auto 90px auto;
     }

     #guide_wrapper .form_inner_wrap{
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-color: rgba(255,255,255,.75);
          z-index: 10;
     }

     #guide_wrapper .info_outer_wrap {
          padding: 0;
     }

     #guide_wrapper.active{
          height: calc(90vh - 150px);
     }

     #guide_wrapper.active .form_inner_wrap{
          width: 50vw;
     }

     #guide_wrapper .location_outer_wrap{
          position: absolute;
          top: 145px;
          width: 50vw;
          z-index: 10;
     }

     #guide_wrapper.sngl_rte_guides .location_outer_wrap{
          top: 0;
     }

     #guide_wrapper.active .location_outer_wrap{
          height: calc(90vh - (150px * 2));
     }

     #guide_wrapper.sngl_rte_guides.active .location_outer_wrap{
          height: calc(90vh - 150px);
     }

     #guide_wrapper.active form, #guide_wrapper.active .info_box, #guide_wrapper.active .stn_rte_inf{
          max-width: 600px;
          margin: 0 0 0 auto;
     }

     #guide_wrapper .info_outer_wrap .info_box{
          padding: 18px 36px;
     }
     /* Form Wrap Updates - END */

     .info_sngle{
          margin-top: 0;
     }

     .link_blocks figcaption{
          height: 150px;
     }

     .sngl_rte_guides .rte_point_wrap.active{
          height: calc(100%);
     }

     #primary .sngl_rte_guides button.infClsBtn.active{
          top: 15px;
     }

     .stop_street_name:hover, .stop_street_name:focus{
          color: #69A52B;
          text-decoration: underline;
          transition: all .25s ease-in-out;
     }
}

@media only screen and (min-width: 1275px){
     .info_sngle.active > *:not(.loc_img){
          padding-left: 0 !important;
     }
}



.nbrhdgds-sbx-green-line .nbrhd_guides{
     display: grid;
     grid-template-columns: 1fr;;
}

.nbrhdgds-sbx-green-line .nbrhd_guides header{
     order: 1;
}

.nbrhdgds-sbx-green-line .nbrhd_guides .wp-block-video{
     order: 2;
}

.nbrhdgds-sbx-green-line .nbrhd_guides .sbx_indtro{
     order: 3;
     width: 100% !important;
     padding: 18px 0 36px 0 !important;
     max-width: 1120px !important;
}

.nbrhdgds-sbx-green-line .nbrhd_guides .blue_bckgrnd{
     order: 5;
     padding: 36px;
}

.nbrhdgds-sbx-green-line .nbrhd_guides .blue_bckgrnd > div{
     max-width: 112px !important;
}

.nbrhdgds-sbx-green-line .nbrhd_guides #guide_wrapper{
     order: 4;
     margin-bottom: 0 !important;
}

.nbrhdgds-sbx-green-line .nbrhd_guides .link_blocks{
     padding-top: 36px !important;
     order: 6;
     max-width: 1120px !important;
}

.nbrhdgds-sbx-green-line .nbrhd_guides .small_print{
     order: 7;
     max-width: 1120px !important;
}

#primary.nbrhd_guides .sbx_indtro,
#primary.nbrhd_guides .blue_bckgrnd > div,
#primary.nbrhd_guides .link_blocks,
#primary.nbrhd_guides .small_print{
     max-width: 1120px !important;
}

#primary.nbrhd_guides .blue_bckgrnd > div .wp-block-columns{
     margin: 0 !important;
}

/* sbX Updates 02032022 */
.scroll_btn{
     display: none;
}

.nbrhd_guides .link_blocks figure.wp-block-image{
     margin: 0 !important;
}

@media only screen and (min-width: 1023px){
     /*
     .single-nbrhdgds:not(.nbrhdgds-amazon) .stn_rte_inf h2{
          padding-top: 0 !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .stn_rte_inf p:last-of-type{
          padding-bottom: 0 !important;
     }
     #guide_wrapper.sngl_rte_guides.active .location_outer_wrap{
          position: relative;
     }
     */

     #primary button.scroll_btn{
          display: block;
          position: sticky;
          bottom: 9px;
          left: calc(100% - 9px);
          width: 36px;
          height: 36px;
          padding: 4.5px;
          margin: 0 9px 0 0;
          border-radius: 50%;
     }

     .scroll_btn::after{
          content: '';
          display: block;
          border-top: 4.5px solid #fff;
          border-right: 4.5px solid #fff;
          width: 9px !important;
          height: 9px !important;
          margin: 0 auto;
          transform: rotate(135deg);
     }

     .scroll_btn:hover::after{
          border-top: 4.5px solid #69a52b;
          border-right: 4.5px solid #69a52b;
     }

     #guide_wrapper .info_outer_wrap{
          overflow: hidden !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .rte_point_wrap.active{
          height: auto;
          overflow: hidden;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_box{
          display: grid;
          grid-template-columns: 1fr;
          grid-template-rows: repeat(auto-fit, minmax(100px, 1fr));
     }
     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle figure.loc_img_wrap{
          grid-area: image;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle figure.sngl_info_icons{
          grid-area: icons;
          margin: 9px 0 0 auto !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle h2{
          grid-area: head;
          padding: 0 !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle h2 span{
          margin: 0 !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle{
          display: grid;
          grid-template-columns: 1fr 1fr;
          grid-template-rows: 36px auto;
          grid-template-areas: 
          "image icons"
          "image head";
          gap: 18px;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle.active{
          display: block;
          overflow-x: hidden;
          overflow-y: scroll;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .location_outer_wrap.active.min_height{
          height: calc(100%);
          overflow: hidden !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .location_outer_wrap.active.min_height .rte_point_wrap.active{
          height: calc(90vh - 150px);
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .location_outer_wrap.active.min_height .info_sngle.active{
          position: absolute;
          top: 0;
          left: 0;
          height: calc(90vh - 150px);
          overflow-x: hidden;
          overflow-y: scroll;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .location_outer_wrap.active.min_height .info_sngle figure.sngl_info_icons{
          margin: 18px 0 18px auto !important;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .location_outer_wrap.active.min_height .scroll_btn{
          display: none !important;
     }
}

@media only screen and (min-width: 1920px){
     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_box{
          grid-template-columns: 1fr 1fr;
     }

     .single-nbrhdgds:not(.nbrhdgds-amazon) .info_sngle{
          display: block;
     }
}

.gm-style .gm-style-iw-d::-webkit-scrollbar-track, .gm-style .gm-style-iw-d::-webkit-scrollbar-track-piece{
     background-color: transparent !important;
}

/* New New 06222022 Updated Styles */
#guide_map{
     width: 100vw;
     height: 50vh;
     margin-left: calc((72px / 2) * -1);
}

.route_list_grid {
     width: 100%;
     max-width: 1400px;
     margin: 0 auto;
}

.archv_sngl_wrap {
     display: block;
     position: relative;
     border: 2px solid rgba(0,0,0,.15);
     padding: 18px;
     margin: 18px 0;
}

.archv_sngl_wrap .archv_top_wrap {
     padding: 0 0 9px 0;
}

.archv_sngl_wrap * {
     color: #000;
}

.sngl_rte_community{
     display: flex;
     flex-wrap: wrap;
     list-style: none;
}

.sngl_rte_community li{
     list-style: none;
}

.sngl_rte_community li:not(:last-of-type)::after{
     content: ',';
     padding-right: 5px;
}

.archv_sngl_wrap .archv_bottom_wrap {
     padding: 9px 0 0 0;
}

.archv_sngl_wrap .sngl_rte_serves {
     font-weight: 600;
}

.archv_sngl_wrap .sngl_rte_interest {
     display: flex;
     align-items: center;
     flex-wrap: wrap;
     max-width: 320px;
}

.sngl_rte_interest li {
     display: flex;
     align-items: center;
     list-style: none;
     width: calc(40px);
     height: calc(40px);
     list-style: none;
}

.sngl_rte_interest li span, .sngl_rte_interest li svg {
     width: calc(40px);
     height: calc(40px);
}

a.archv_sngl_wrap:hover {
     box-shadow: 0px 8px 15px rgba(0,0,0,.25);
}

.wp-block-buttons > .wp-block-button.trip_planner_buttn{
     width: 100%;
}

.wp-block-buttons > .wp-block-button.trip_planner_buttn a{
     display: flex;
     align-items: center;
     width: 100%;
}

.trip_planner_buttn svg{
     display: inline-block;
     width: 20px;
     height: auto;
     margin: 0 5px 0 -2.5px;
}

.trip_planner_buttn svg path{
     fill: #ffffff;
}

.trip_planner_buttn a:hover svg path, .trip_planner_buttn a:focus svg path{
     fill: #69A52B;
}

.trip_planner_col form#trip_planner{
     height: auto;
     max-height: 0px; 
     padding: 0;
     overflow: hidden;
     transition: all .5s ease-in-out;
     background-color: rgba(230,243,255, .9);
}

.trip_planner_col.active form#trip_planner{
     max-height: 50000vh; 
     overflow: hidden;
     transition: all .5s ease-in-out;
}

#trip_planner > div{
     padding: 10px;
}

#trip_planner > button{
     margin: 0 10px 10px 10px;
}

#trip_planner .time_date{
     width: 100%;
}

.flex_right .time_date{
     display: grid;
     grid-template-columns: 1fr 1fr;
     gap: 20px;
}

#primary.nbrhd_guides > .wp-block-columns.trip_planner_columns.planner_active{
     position: fixed;
     top: calc(15vw + 18px);
     left: 0;
     width: 100vw !important;
     height: calc(100vh - (68px + 18px));
     z-index: 500;
     background-color: #fff;
     overflow-x: hidden;
     overflow-y: scroll;
}

#primary.nbrhd_guides > .wp-block-columns.trip_planner_columns.planner_active .trip_planner_col{
     flex-basis: 90% !important;
     flex-grow: 0;
     margin: 0 auto;
}

#primary.nbrhd_guides > .wp-block-columns.trip_planner_columns.planner_active #guide_map{
     margin-left: 0;
}

a.trip_planner_close_btn{
     display: none;
     width: 90%;
     margin: 18px auto 0 auto;
     padding: 18px 0;
     background-color: transparent;
     border: none;
}

a.trip_planner_close_btn .arw_blk_txt{
     display: grid;
     grid-template-columns: 18px auto;
     gap: 18px;
     align-items: center;
     font-size: 1.125em;
     color: #69A52B;
}

a.trip_planner_close_btn .arrow{
     margin: 0;
     order: -1;
     transform: rotate(180deg);
}

a.trip_planner_close_btn .arrow svg #Path_10.blck_lnk_arrow{
     fill: #69A52B;
}

a.trip_planner_close_btn:hover, a.trip_planner_close_btn:focus{
     border: none;
     text-decoration: underline;
}

.planner_active .trip_planner_close_btn{
     display: block;
}

.gm-control-active.gm-fullscreen-control{
     display: none;
}

.single-nbrhdgds .wp-block-cover h3 a{
     font-size: 28px;
     line-height: 1.2;
     font-weight: 600;
     color: #fff;
     text-decoration: underline;
}

.single-nbrhdgds .wp-block-cover h2, .single-nbrhdgds .wp-block-cover h3, .single-nbrhdgds .wp-block-cover li{
     color: #fff;
}

#trip_planner .flex_left{
     position: relative;
}

@media only screen and (min-width: 660px){
     #primary.nbrhd_guides > .wp-block-columns.trip_planner_columns.planner_active{
          top: calc(98px + 18px);
     }
}

@media only screen and (min-width: 782px){
     #guide_map{
          width: 50vw;
          min-height: 518px;
          height: calc(100%);
          margin-left: 0;
     }

     #trip_planner .flex_left{
          width: 100%;
     }

     #trip_planner .flex_right{
          width: 100%;
     }

     .trip_planner_columns > div:first-of-type{
          order: 2;
     }

     .trip_planner_columns > div.trip_planner_col{
          order: 1;
     }

     .trip_planner_col {
          height: auto;
          max-height: 1000px;
          overflow-x: hidden;
          overflow-y: scroll;
          transition: all .5s ease-in-out;
          margin-lefT: 0 !important;
          margin-right: 30px;
     }

     #guide_map{
          height: calc(100% + 80px);
          max-height: 1080px;
          margin: -40px 0 0 0;
     }

     #primary.nbrhd_guides > .wp-block-columns.trip_planner_columns.planner_active{
          position: static;
          overflow: visible;
     }

     #primary.nbrhd_guides > .wp-block-columns.trip_planner_columns.planner_active .trip_planner_col{
          width: auto;
          flex-basis: 0 !important;
          flex-grow: 1;
     }

     .trip_planner_close_btn, .planner_active .trip_planner_close_btn{
          display: none !important;
     }
}

@media only screen and (min-width: 880px){
     .route_list_grid {
          display: flex;
          align-items: flex-start;
          justify-content: center;
          flex-wrap: wrap;
     }

     .archv_sngl_wrap {
          width: 100%;
          max-width:100%;
          height: calc(33vw);
          max-height: 300px;
          padding: 0;
          margin: 18px 0 !important;
     }

     .archv_sngl_wrap .archv_top_wrap {
          position: absolute;
          top: 0;
          padding: 18px;
     }

     .archv_sngl_wrap .archv_bottom_wrap {
          position: absolute;
          bottom: 0;
          padding: 18px;
     }
}
/* New New 06222022 Updated Styles - END */
.single-go_smart .wp-block-cover h2, .single-go_smart .wp-block-cover h3, .single-go_smart .wp-block-cover li{
     color: #fff;
}

.single-go_smart .wp-block-cover h3 a {
     font-size: 28px;
     line-height: 1.2;
     font-weight: 600;
     color: #fff;
     text-decoration: underline;
}

.single-go_smart .link_blocks .figcaption{
     display: block;
     position: relative;
     height: 150px;
     padding: 18px;
     font-style: normal;
     background-color: #69A52B;
}

.single-go_smart .link_blocks .figcaption > div{
     display: grid;
     grid-template-columns: 1fr;
     grid-template-rows: 1fr 1fr;
     height: calc(100%);
}

.single-go_smart .link_blocks .figcaption > div p{
     padding-bottom: 0 !important;
     color: #fff;
}

.single-go_smart .link_blocks .figcaption > div a{
     display: block;
     padding: 0 !important;
     color: #fff;
}

.single-go_smart .link_blocks .figcaption > div *{
     color: #fff;
}

.single-go_smart .link_blocks figure.wp-block-image{
     aspect-ratio: 4 / 3;
}

.single-go_smart .link_blocks figure.wp-block-image img{
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center center;
}

.warnbox-content, .adp-agencies{
     display: none !important;
}

#trip_planner button#orig_dest_switch{
     display: block;
     width: 30px;
     height: 30px;
     padding: 0px;
     margin: 0 0 -20px auto;
     background-color: transparent;
     border: none;
     transform: rotate(-90deg);
     isolation: isolate;
     border-radius: 50%;
     transition: all .25s ease-in-out;
}

#trip_planner button#orig_dest_switch.active{
     transform: rotate(90deg);
     transition: all .25s ease-in-out;
}

#trip_planner button#orig_dest_switch:hover, #trip_planner button#orig_dest_switch:focus{
     background-color: #fff;
     transition: all .25s ease-in-out;
}

#orig_dest_switch svg{
     width: 15px;
     aspect-ratio: 4 / 3;
     background-color: transparent;
     fill: none;
}

#orig_dest_switch svg:last-of-type{
     transform: rotate(180deg);
}

.blue_arrow{
     fill: #005aa8;
}

.green_arrow{
     fill: #69A52B;
}

#origin-input{
     font-size: 18px;
     font-weight: 700;
     color: rgba(0, 0, 0, .25);
     line-height: 1;
     background-color: #e6f3ff !important;
}

#origin-input:focus, #origin-input.origin_active{
     color: rgba(0, 0, 0, 1);
     font-weight: 400;
     background-color: #fff !important;
}

.adp-warnbox{
     display: none !important;
}

.warnbox-content{
     width: 100% !important;
     padding: 9px !important;
     color: #fff !important;
     font-weight: 600 !important;
}

#adp-placemark, .adp-placemark{
     display: block;
     border: none !important;
     margin: 0 !important;
     padding: 18px 0 0 0 !important;
     background-color: transparent !important;
}

#adp-placemark tbody td:first-of-type,
.adp-placemark tbody td:first-of-type{
     display: block;
     width: 36px;
}

#adp-placemark tbody td:first-of-type::before,
.adp-placemark tbody td:first-of-type::before{
     content: 'A';
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 12px;
     color: #fff;
     font-weight: 700;
     background-color: #005AA8;
     width: 25px;
     height: 25px;
     margin: 0 9px 9px 0;
     border-radius: 50%; 
}

.adp-placemark tbody td:first-of-type::before{
     content: 'B';
}

#adp-placemark .adp-text,
.adp-placemark .adp-text{
     font-size: 21px !important;
     font-weight: 700 !important;
     background-color: #fff !important;
}

.adp-list img, .adp-substep img{
     display: inline-block !important;
     width: 25px !important;
     margin: 0 9px 0 0 !important;
}

#trip_plnr_maps .adp-directions .adp-substep > b{
     display: block;
     font-size: 21px !important;
     font-weight: 600 !important;
}

.adp-directions .adp-substep div:first-of-type span{
     font-weight: 600 !important;
     margin: 0 !important;
}

div.adp-summary{
     padding: 0 0 9px;
}

.adp-agencies, .adp-legal, #adp-placemark tbody td img, .adp-placemark tbody td img{
     display: none !important;
}

.adp-step, .adp-substep{
     border-top: none !important;
}

#trip_plnr_maps .walk_info{
     font-size: 21px !important;
}

.adp-directions tr td{
     position: relative;
}

.adp-directions tr td:last-of-type::before{
     content: '';
     position: absolute;
     top: -7.5px;
     left: -7.5px;
     width: 10px;
     height: 10px;
     border: 2px solid #005AA8;
     background-color: #fff;
     border-radius: 50%;
}

.adp-directions tr:last-of-type td:last-of-type::after{
     content: '';
     position: absolute;
     bottom: -7.55px;
     left: -7.55px;
     width: 10px;
     height: 10px;
     border: 2px solid #005AA8;
     background-color: #fff;
     border-radius: 50%;
}

.walk_dir, .bus_dir, .train_dir{
     display: flex;
     align-items: flex-start;
}

.walk_dir::before, .bus_dir::before, .train_dir::before{
     content: '';
     display: block;
     width: 50px;
     height: 25px;
     background-position: left center;
     background-size: contain;
     background-repeat: no-repeat;
}

.walk_dir::before{
     background-image: url('../icons/walking.svg');
}

.bus_dir::before{
     background-image: url('../icons/trp_plnr_bsd.svg');
}

.train_dir::before{
     background-image: url('../icons/train.svg');
}
  
.walk_dir td{
     height: calc(100%);
     border-left: 2px dashed #999;
}
  
.bus_dir td{
     height: calc(100%);
     border-left: 2px solid #005AA8;
}
  
.train_dir td{
     height: calc(100%);
     border-left: 2px solid #777;
}

.walk_dir img, .bus_dir img, .train_dir img{
     display: none !important;
}

.walk_dir .adp-substep, .bus_dir .adp-substep, .train_dir .adp-substep{
     width: calc((100% / 4) * 3);
     padding: 18px 0 18px 18px !important;
}

.walk_dir svg, .bus_dir svg, .train_dir svg{
     display: block;
     width: auto;
     height: 25px;
     margin: 0;
}

/*
@media only screen and (min-width: 1024px){
     .walk_dir::before, .bus_dir::before, .train_dir::before{
          width: 100px;
          height: 25px;
          margin: 15px 25px;
          background-position: right center;
     }
}
*/