/* LESS VARS */
/* =============================================================================
   Webfonts Hoefler
   ========================================================================== */
/*
.font-text{
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: normal;
  font-weight: 400;
}
.font-text-ital{
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: italic;
  font-weight: 400;
}
.font-text-bold{
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: normal;
  font-weight: 700;
}
.font-text-bold-ital{
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: italic;
  font-weight: 700;
}


.font-sans-text{
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 400;
}
.font-sans-text-ital{
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: italic;
  font-weight: 400;
}

.font-sans{
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
}
.font-sans-ital{
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: italic;
  font-weight: 700;
}
.font-sans-bold{
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 800;
}

.font-sans-bold-ital{
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: italic;
  font-weight: 800;
}

.font-sans-condensed-black {
  font-family: "Gotham XNarrow A", "Gotham XNarrow B";
	font-style: normal;
	font-weight: 900;
}
*/
/* =============================================================================
   Webfonts Adobe
   ========================================================================== */
.font-text {
  font-family: "linotype-sabon", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.font-text-ital {
  font-family: "linotype-sabon", sans-serif;
  font-weight: 400;
  font-style: italic;
}
.font-text-bold {
  font-family: "linotype-sabon", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-text-bold-ital {
  font-family: "linotype-sabon", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.font-sans-text {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
}
.font-sans-text-ital {
  font-family: "proxima-nova", sans-serif;
  font-style: italic;
  font-weight: 400;
}
.font-sans {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.font-sans-ital {
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: italic;
}
.font-sans-bold {
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
}
.font-sans-bold-ital {
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: italic;
}
.font-sans-condensed-black {
  font-family: "proxima-nova-extra-condensed", sans-serif;
  font-weight: 900;
  font-style: normal;
}
/*
@font-face {
    font-family: 'font_serif';
    src: url('../webfonts/v3/centri.woff') format('woff'),
         url('../webfonts/v3/centri.woff2') format('woff2'),
         url('../webfonts/v3/centri.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'font_med_sans';
    src: url('../webfonts/v3/markweb-heavy.woff') format('woff'),
         url('../webfonts/v3/markweb-heavy.woff') format('woff'),
         url('../webfonts/v3/markweb-heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'font_bold_sans';
    src: url('../webfonts/v3/markweb-black.woff') format('woff'),
         url('../webfonts/v3/markweb-black.woff') format('woff'),
         url('../webfonts/v3/markweb-black.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/
@font-face {
  font-family: 'font_condensed';
  src: url('https://bikepacking.com/wp-content/themes/pedalingnowhere/webfonts/v3/norwester.woff') format('woff'), url('https://bikepacking.com/wp-content/themes/pedalingnowhere/webfonts/v3/norwester.woff') format('woff2'), url('https://bikepacking.com/wp-content/themes/pedalingnowhere/webfonts/v3/norwester.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ss_standard';
  src: url('https://bikepacking.com/wp-content/themes/pedalingnowhere/webfonts/v3/ss-standard.woff') format('woff'), url('https://bikepacking.com/wp-content/themes/pedalingnowhere/webfonts/v3/ss-standard.woff2') format('woff2'), url('https://bikepacking.com/wp-content/themes/pedalingnowhere/webfonts/v3/ss-standard.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  box-sizing: border-box;
}
.not-full-width {
  width: auto;
  position: relative;
  left: auto;
  right: auto;
  margin: 0;
}
.topo-bg {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-5-black.png) top center repeat-y;
  background-size: 1480px;
}
.topo-bg-lt {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-3-black.png) top center repeat-y;
  background-size: 1480px;
}
.topo-bg-wt {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-5-white.png) top center repeat-y;
  background-size: 1480px;
}
.clear {
  content: "";
  display: table;
  clear: both;
}
.ulreset {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
/*
body {
	.fluid-type(font-size, 600px, 900px, 12px, 28px);
}
pre {overflow: auto;}

*/
.master_excerpt {
  width: auto;
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #1A1C18;
  font-size: 16px;
  line-height: 1.8em;
}
.master_excerpt a,
.master_excerpt a:visited {
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #1A1C18;
  box-shadow: 0px 1.5px 0px #a9b69c;
  text-decoration: none;
}
.master_excerpt a:hover,
.master_excerpt a:visited:hover {
  color: #1A1C18;
  box-shadow: 0px 1.5px 0px #1A1C18;
}
#main {
  width: 100%;
  padding: 0px;
  padding-bottom: 60px;
  margin: 0;
}
#main .BPCbrand {
  width: 100%;
  background: #747F5A;
  padding: 30px 0px 35px 0px;
  text-align: center;
  margin-top: 0px;
}
#main .content {
  padding-bottom: 30px;
}
#main .content h1 {
  font-family: 'font_condensed';
  font-weight: normal;
  font-weight: 100;
  font-size: 28px;
  border-bottom: 5px solid #1A1C18;
  margin-bottom: 10px;
  padding: 0px 0px 8px 0px;
  letter-spacing: 0px;
}
#main .content p {
  /*
		font-size:1.1em;
		line-height:auto;
		color:@darkgray;
	    text-align:center;
	    width:auto;
	    max-width:800px;
	    margin:0 auto;
	    padding-bottom:40px;
	    */
}
#main .content h2 {
  margin-bottom: 14px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  letter-spacing: 0px;
  color: #A23D3B;
}
#outer {
  background-color: #efeade;
}
div.section,
div.join-content {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 15.5px;
  line-height: 29px;
  color: #1A1C18;
}
#main .section a {
  text-decoration: none;
  color: #1A1C18;
  box-shadow: inset 0 -3px 0 -1px #70D259;
  -webkit-transition: box-shadow 0.08s ease-out;
  transition: box-shadow 0.1s ease-out;
}
#main .section a:hover {
  color: #1A1C18;
  box-shadow: inset 0 -23px 0 -1px #70D259;
}
.section {
  padding: 5% 6% 0% 6%;
}
.section h2 {
  font-size: 28px;
}
.section h2,
.section h3,
.section h4 {
  letter-spacing: .1em;
  color: #31312F;
}
.section.gray1 {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-3-black.png) top center repeat-y;
  background-size: 1480px;
  background-color: #DDDEDA;
}
.section.gray2 {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-3-black.png) top center repeat-y;
  background-size: 1480px;
  background-color: #D0CFCD;
}
.section.gray3 {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-5-white.png) top center repeat-y;
  background-size: 1480px;
  background-color: #B0B0B0;
}
.section.gray3 h2,
#main .section.gray3 .callout {
  color: #F2F1EE;
}
.section.bpj {
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-5-white.png) top center repeat-y;
  background-size: 1480px;
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/v4/topo-bg-5-white2.png) top center repeat-y;
  background-size: 100% auto;
  background-color: #37d2ab;
}
.join-content {
  width: 100%;
  padding: 0% 5%;
  max-width: 1200px;
  margin: 0 auto;
  font-family: "linotype-sabon", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.1em;
}
#why-join {
  padding: 4.5% 5%;
  margin-bottom: 60px;
  background-color: #F2F1EE;
  filter: drop-shadow(3px 3px 4px #DDDEDA);
  width: 90%;
  max-width: 1080px;
}
.bpj-cover {
  width: 40%;
  display: inline;
  margin-top: -60px;
  float: right;
  margin-left: 10px;
}
.bpj-cover img {
  width: 100%;
  max-width: auto;
  background: url(https://bikepacking.com/wp-content/themes/pedalingnowhere/img/BPJ/cover-bg.png) no-repeat;
  padding: 0 9% 9% 0;
  background-size: 100% auto;
}
.bpj-desc {
  display: inline;
  text-align: left;
}
.bpj-desc .bpj-logo {
  width: 48%;
  padding: 10px 0 20px 0;
}
span.bold-callout {
  font-family: 'font_condensed';
  font-size: 1.2em;
  text-transform: uppercase;
  color: #A23D3B;
}
form.join_form {
  padding-bottom: 10px;
}
form.join_form input {
  background: #FFF;
  border: 0;
  margin: 0;
  font-family: "proxima-nova", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
}
/*** FIELD STYLING ***/
form.join_form label.hidden_sub_label,
form.join_form label.gfield_label_before_complex,
#field_1_2 label,
form.join_form div.gfield_creditcard_warning_message {
  display: none;
}
form.join_form label {
  clear: both;
}
form.join_form ul,
form.join_form ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 0;
}
form.join_form span.address_city input[type=text],
form.join_form span.address_state input[type=text],
form.join_form span.address_country,
form.join_form span.address_zip input[type=text],
form.join_form span.name_first input[type=text],
form.join_form span.name_last input[type=text] {
  width: 48.5%;
  float: left;
}
form.join_form span.address_city input[type=text],
form.join_form span.address_zip input[type=text],
form.join_form span.name_first input[type=text] {
  margin-right: 3% !important;
}
form.join_form .ginput_cardextras select {
  width: 31%;
  margin-right: 3% !important;
}
form.join_form .ginput_cardextras input[type=text] {
  width: 30%;
}
form.join_form .gf_clear_complex {
  clear: both !important;
}
form.join_form div.gform_card_icon {
  display: inline-block;
  padding: 0 10px 0 0;
  font-size: 12px;
  font-family: "linotype-sabon", sans-serif;
  font-weight: 400;
  font-style: italic;
}
form.join_form .ginput_card_security_code_icon {
  display: none;
}
/*** BUTTON STYLING ***/
.join_form_total,
.join_form_membership {
  font-size: 20px;
  font-family: 'font_condensed';
  text-transform: uppercase;
}
.join_form_total > div,
.join_form_total > label {
  width: auto;
  display: inline;
  font-size: 20px;
  margin-top: 12px;
}
.join_form_membership,
#input_1_4,
.join_form_membership > div {
  font-size: 28px;
  width: auto;
  display: inline;
}
body #gform_wrapper_27 .gform_body .gform_fields .gfield .ginput_product_price_label {
  display: none;
}
body #gform_wrapper_27 .gform_body .gform_fields .gfield .gfield_description {
  font-size: 11px;
  line-height: 13px;
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  margin: 0px 0px 8px 0px;
  padding: 0;
}
body #gform_wrapper_27 .gform_body .gform_fields .gfield .ginput_container {
  margin-bottom: 0;
  padding-bottom: 0;
}
.gform_confirmation_message {
  font-size: 30px !important;
  font-family: "proxima-nova", sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
}
.validation_error,
.validation_message {
  color: #FF0000 !important;
  margin-bottom: 1em;
}
a.lightbox {
  display: inline;
}
@media only screen and (min-width: 768px) {
  #main {
    width: 100%;
  }
  #main .content {
    padding: 100px 0px 0px 0px;
  }
  .bpj-cover {
    margin-top: -80px;
    float: left;
  }
  .bpj-desc {
    width: 58%;
    display: inline-block;
    text-align: center;
  }
  .bpj-desc .bpj-logo {
    width: 70%;
  }
}
@media only screen and (min-width: 1024px) {
  #main {
    width: 100%;
  }
  .bpj-cover {
    margin-top: -100px;
  }
  #main .BPCbrand {
    margin-top: 0px;
  }
}
@media only screen and (min-width: 1200px) {
  #main {
    width: 100%;
  }
  .section {
    padding: 5% 6% 0% 6%;
  }
  .bpj-cover {
    margin-top: -110px;
  }
  .bpj-desc .bpj-logo {
    width: 50%;
  }
}
/* Membership Details */
#main .content.membership {
  text-align: left;
  padding-top: 2%;
}
#main .content.membership h1 {
  font-size: 36px;
  text-align: left;
  border-bottom: 0px;
  display: block;
  max-width: auto;
}
@media only screen and (min-width: 767px) {
  #main .content.membership {
    width: 85%;
  }
}
@media only screen and (min-width: 1024px) {
  #main .content.membership {
    width: 75%;
    max-width: 900px;
  }
}
.account {
  font-family: "proxima-nova", sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 1.9em;
  color: #1A1C18;
  margin: 0 auto;
  width: 90%;
}
.account a {
  color: #c53936;
  text-decoration: underline;
}
.account a:hover {
  color: #1A1C18;
}
@media only screen and (min-width: 767px) {
  .account {
    width: 85%;
  }
}
@media only screen and (min-width: 1024px) {
  .account {
    width: 75%;
    max-width: 900px;
  }
}
.account > h2 {
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  font-size: 24px;
  padding-top: 12px;
}
.account,
.account p {
  text-align: left;
}
.account form.account_form {
  text-align: left;
}
form.account_form ul,
form.account_form ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 0;
}
form.account_form label,
form.account_form label.hidden_sub_label,
form.account_form label.gfield_label_before_complex,
#field_1_2 label,
form.account_form div.gfield_creditcard_warning_message {
  display: none;
}
form.account_form label {
  clear: both;
}
/* Membership Login */
.login {
  margin: 0 auto;
  width: 50%;
}
.login form ul,
.login form ul li {
  margin: 0;
  padding: 0;
  list-style-type: none;
  border: 0;
}
.login .gfield_checkbox {
  margin-bottom: 3%;
}
.login label {
  color: #999;
}
.login p {
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: normal;
  font-weight: 400;
  font-size: 1.1em;
  text-align: center;
}
.gform_ajax_spinner {
  display: none !important;
}
nav.gf_login_links {
  background: none;
  height: auto;
  position: static;
  margin-top: 20px;
}
/* Membership Nav */
.member-excerpt {
  width: auto;
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #1A1C18;
  font-size: 16px;
  line-height: 1.8em;
  padding: 0% 0 5% 0;
  text-align: left;
  font-size: 1.1em;
  padding: 0px 0px 0px 20px;
  border-left: 5px solid #a9b69c;
  margin: 0px 0px 35px 0px;
}
.member-excerpt a,
.member-excerpt a:visited {
  font-family: "proxima-nova", sans-serif;
  font-weight: 800;
  font-style: normal;
  color: #1A1C18;
  box-shadow: 0px 1.5px 0px #a9b69c;
  text-decoration: none;
}
.member-excerpt a:hover,
.member-excerpt a:visited:hover {
  color: #1A1C18;
  box-shadow: 0px 1.5px 0px #1A1C18;
}
.membership-nav {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: none;
  font-family: 'font_condensed';
  font-weight: normal;
  font-weight: 100;
  font-size: 18px;
  margin: 0px 0 50px 0;
  padding: 10px 0px 0px 0px;
  text-align: center;
  text-transform: uppercase;
  background-color: #D0CFCD;
}
@media only screen and (min-width: 992px) {
  .membership-nav {
    display: block;
  }
}
.membership-nav li {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.membership-nav a {
  text-decoration: none;
  color: #c53936;
  padding: 15px 20px;
  display: inline-block;
}
.membership-nav a:hover {
  color: #1A1C18;
}
.membership-nav .active a {
  color: #1A1C18;
  background: #efeade;
}
.membership-nav-mobile {
  margin: -15px 20px 50px 20px;
}
@media only screen and (min-width: 992px) {
  .membership-nav-mobile {
    display: none;
  }
}
.membership-nav-mobile select {
  margin: 0 auto !important;
  max-width: 400px;
  display: block;
}
p.member-notice {
  padding: 20px;
  background: #feffcb;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}
p.member-notice a {
  text-decoration: underline;
  color: #A23D3B;
}
p.member-notice a:hover {
  color: #6187C2;
}
/* Membership Forgot Password */
.forgot-password {
  font-family: "Hoefler Text A", "Hoefler Text B";
  font-style: normal;
  font-weight: 400;
  margin: 0 auto;
  width: 50%;
  text-align: center;
}
#password-lost-form-wrap {
  text-align: left;
}
#password-lost-form-wrap legend {
  font-weight: bold;
  margin-bottom: 3%;
}
#password-lost-form-wrap label {
  color: #999;
}
input[type="password"].som-password-input {
  max-width: none;
}
/* Membership Payment Information */
.membership-payment-method {
  font-size: 14px;
}
.gform_card_icon_container {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}
.gform_card_icon {
  display: inline-block;
  padding: 0 8px;
}
.ginput_card_security_code_icon {
  display: none;
}
.gfield_visibility_hidden {
  display: none;
}
.account-cancel {
  font-style: italic;
  font-size: 14px;
}
.account-payment-info .payment-info {
  font-weight: bold;
}
.account-payment-info .payment-customer-info {
  color: #f30;
}
p.member-notice {
  padding: 20px;
  background: #feffcb;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
}
p.member-notice a {
  text-decoration: underline;
  color: #A23D3B;
}
p.member-notice a:hover {
  color: #6187C2;
}

form.join_form .join_form_membership_terms {
    padding: 2em 0 1em 0;
}

.join_form_membership_terms .ginput_container_consent {
    display: flex;
    align-items: center;
    gap: 8px;
}

.join_form_membership_terms label {
    font-family: "proxima-nova", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 15px;
    display: inline-block;
}

.join_form_membership_terms .gfield_consent_description {
    padding: 8px 0 0 0;
}

form.join_form input[type=submit].disabled {
    opacity: 0.5;
    pointer-events: none;
}

/*# sourceMappingURL=WS-join.css.map */