/* My Theme's Additional Blocks */

body {
    color:#000;
}

body, input, select, textarea, button {
    font-family: var(--sans);
    font-size: var(--txt-base);
    line-height: var(--lh);
    font-weight: 400;
}

@media (max-width: 960px) {
    body, input, select, textarea, button {
        --txt-base: 16px;
    }
}

@media (max-width: 320px) {
    body, input, select, textarea, button {
        --txt-base: 14px;
    }
}

/* Font and Typography */

h1 { font-size: var(--txt-xxlarge);}
h2 { font-size: var(--txt-xlarge); }
h3 { font-size: var(--txt-large); }
h4 { font-size: var(--txt-medium); }
h5, h6 { font-size: var(--txt-base); }

h1,h2,h3,h4,h5,h6 { font-weight: 400; font-family:var(--serif); color: var(--navyblue);  }

@media(max-width:768px){
    h1 { font-size:var(--txt-xlarge);}
}

/* Buttons */

  .wp-block-button,
  .wp-block-button.alignleft{
    text-align:left;
  }

  .wp-block-button.alignright {
    text-align:right;
  }

  .wp-block-button.aligncenter {
    text-align:center;
  }

  .wp-block-button__link {
    padding:0 2em;
    min-width:150px;
    transition: 0.5s;
    min-height:var(--input-height);
    line-height: var(--input-height);
    font-weight:bold;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .btn {
    background: var(--navyblue);
    color:#fff;
    border:none;
    padding:0 2em;
    border-radius:30px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    min-width:150px;
    transition: 0.5s;
    min-height:var(--input-height);
    text-align:center;
    white-space:nowrap;
    overflow:hidden;
    text-overflow: ellipsis;
    text-decoration:none;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    cursor:pointer;
    font-weight: bold;
  }
  
  .btn:hover,
  .btn:focus {
    background: var(--blue);
    color:#fff;
  }

  
  .btn:active,
  .wp-block-button__link:active {
    position:relative;
    top:2px;
  }

  .btn-disabled {
    opacity:0.5;
    pointer-events:none;
  }
  
  .btn + .btn { margin-left:0.75rem; }

  @media(max-width:640px){
    .btn { width:100%; }
    .btn + .btn { margin-left:0; margin-top:0.75rem; }
  }

  .btn-white {
    background:#fff;
    color:var(--navyblue);
  }

  .btn-white:hover {
    background: var(--blue);
  }

 .btn-blue {
    background:#5796e7;
    color:#fff;
  }

.btn-blue:hover {
    background: var(--navyblue);
  }

/* Forms  */

.formstyles input[type="radio"] + label:before,
.formstyles input[type="checkbox"] + label:before {
  color: var(--blue);
}

/* -------- Badges ----------*/

.badges {
  padding:var(--gap) 0 0
}

.badges_footer {
  margin-bottom: 0.75rem;
  font-size:var(--txt-small);
  font-style: italic;
}

.badges_container {
  display:flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.badges_image {
  max-height: 90px;
  max-width: 200px;
  height:auto;
  margin-bottom:1em;
  display:block;
}

.badges_image:not(:last-child) {
  margin-right: 1%;
}

@media(max-width:430px){
  .badges_image {
      max-height: 80px;
      max-width: 180px;
  }
}