/*
Theme Name: Twenty Twenty-Four Child
Theme URI: https://spacedotspace.com
Description: Twenty Twenty-Four Child Theme
Author: Antoine Mouquod
Author URI: https://spacedotspace.com
Template: twentytwentyfour
Version: 1.0.0
*/
/* Add your custom styles here */

/*
brick: #fb6548
charcoal: #373d41
cement:#b7b8b6
sand: #ffc366
stone: #f1c6b0
*/


:root {
--wp--preset--font-family--heading: "monotalic-wide", sans-serif;
--wp--preset--color--contrast-2: #fb6548;
--wp--style--global--content-size: 900px;
--wp-admin-border-width-focus: 0;

}

:root :where(.has-border-color){
  border-style:none !important
}

:root :where(.is-layout-constrained) > * {
  margin-block-start: 2em;
}

:root :where(.wp-block-site-tagline) {
  color: initial;
}

a,
a:hover
a:visited,
a:active {
  border: none !important;
}

body {
  font-family: "Recursive", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "CASL" 0,
    "CRSV" 0.5,
    "MONO" 0;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;

  min-width: 400px !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "monotalic-wide", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

h2, h3, h4 {
  margin: 3em auto .3em;
}

h1 {
  font-size: 1.3em;
  margin-top: 2em;
  margin-bottom: 0;
}

h2 {
 color: #373d41;
 font-size: 1em;
}

h3 {
  font-size: .94em;
  margin-top: 0;
  margin-top: .7em;
  margin-bottom: 0;
}

h2 + p,
h3 + p,
h2 + ul,
h3 + ul {
  margin-top: 0;
  margin-block-start: .5rem !important;
}

div.wp-block-buttons {
  margin-bottom: 3em;

}

.header-content {
  padding-top: 0 !important;
}

.wp-container-core-group-is-layout-b585a4aa,
.wp-container-core-group-is-layout-cc33110e {
  align-items: flex-start !important;
  align-content: flex-start !important;
}

.account-menu {
  list-style-type: none;
  text-align: center;
  margin: 1em auto;
  border-top: 1px solid;
  border-bottom: 1px solid;

  li {
    display: inline-block;
    text-transform: uppercase;
    margin: .5em;

    a {
      text-decoration: none;

      &:hover {
        text-decoration: none;
      }
    }
  }
}


footer.wp-block-template-part {
  background-color: #b7b8b6;
}

footer.wp-block-template-part>.wp-block-group.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
  padding-bottom: 2em !important;
  padding-top: 2em !important;
  margin-top: 6em;
}

footer .wp-block-group.has-global-padding.is-content-justification-left.is-layout-constrained.wp-container-core-group-is-layout-12dd3699.wp-block-group-is-layout-constrained {
  margin-block-start: 0;
}

footer .wp-block-site-title.has-medium-font-size {
  font-family: "monotalic-wide", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}

footer .wp-block-site-tagline.has-small-font-size {
  margin-block-start: 0 !important;
}

footer .footer-logo-container {
  min-width: 470px;
}

footer .footer-socials-container {
  flex-basis: initial !important;
}

@media(max-width: 880px) {
  footer .wp-block-columns.alignwide.is-layout-flex.wp-container-core-columns-is-layout-28f84493.wp-block-columns-is-layout-flex {
    flex-flow: column;
  }

  .footer-socials-container {
    justify-content: flex-start !important;
  }

  .footer-socials li {
    display: inline-block;
    margin: .5em .5em .5em 0;
  }

  footer .wp-block-image.alignleft.size-full.is-resized {
    float: none;
    margin-bottom: 1em;
  }
}

@media(max-width: 500px) {
  .footer-socials li {
    display: block;
    margin-left: 0;
  }

  footer .footer-logo-container {
    min-width: 0;
  }
}


header p.wp-block-site-title {
  display: none;
}

.footer-socials-container {
  text-align: right;
  flex-grow: 1 !important;
  display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.footer-socials {
  list-style-type: none;
  padding-left: 0;
  width: auto;
    display: inline-block;
    text-align: left;
}

.footer-socials.li {
    display: inline-block;
    margin-right: 1em;
}


.pms-form-fields-wrapper .pms-field-subscriptions .pms-subscriptions-list-title,
.pms-form-fields-wrapper .pms-account-details-title,
.pms-field.pms-field-type-heading h3,
#pms-paygates-wrapper h3 {
  padding-top: 3em;
}

/* invoice on account page */
.pms-form-design-wrapper.pms-form-style-1.wrapper-small {
  max-width: var(--wp--style--global--content-size);
}

#wppb-form-style-1-wrapper {
  margin-bottom: 137px;
}
.pms-form-design-wrapper.pms-form-style-1.wrapper-small {
  margin-top: 20px;
}
/* */

/* fix fonts */
#wppb-form-style-1-wrapper *:not(.mce-ico) {
  font-family: "Recursive", sans-serif;
}

.facebook {
  padding-left: 1.7em;
  background: url('images/facebook.svg') left center no-repeat;
  text-decoration: none;
 }

 .instagram {
  padding-left: 1.7em;
  background: url('images/instagram.svg') left center no-repeat;
  text-decoration: none;
 }
 .linkedin {
  padding-left: 1.7em;
  background: url('images/linkedin.svg') left center no-repeat;
  text-decoration: none;
 }

 .wppb-form-field:not(#select_user_to_edit_form .wppb-form-field, .wppb-checkbox-terms-and-conditions, .wppb-gdpr-checkbox, .wppb-subscription-plans) label:not(.wppb-checkboxes label, .wppb-radios label, .login-remember label), #pms-subscription-plans-discount label, .pms-invite-code-name-field label, #wppb-login-wrap .login-username label, #wppb-login-wrap .login-password label, #wppb-login-wrap .login-auth label {
  width: auto !important;
 }

 .pms-form-design-wrapper#pms_recover_password_form input[type="submit"],
 .pms-form-design-wrapper#pms_login input[type="submit"] {
  width: auto !important;
 }


 #wppb-form-style-1-wrapper p.wppb-error strong,
 p.wppb-success strong {
  display: inline-block !important;
 }

 .wppb-form-field.wppb-html label {
  display: none;
 }

 .pms-form-design-wrapper#pms_login {
  display: block;
  text-align: center;
 }

 .pms-account-subscription-details-table {
    margin-left: auto;
    margin-right: auto;
 }

 form.wppb-user-forms.wppb-edit-user .pms-account-subscription-details-table {
  margin-left: 0;
  width: 100%;
 }

.pms-form-design-wrapper .pms-field input[type=email]:not(.chosen-search input) {
  width: 100% !important;
    max-width: 100%;
    background: #FFFFFF;
    box-shadow: none;
    outline: none;
    border: 1px solid #CFD4DE;
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #090A0B;
    height: 56px;
    padding: 15px 15px 0 15px !important;
}