/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

:root {

    /* TEXT SIZE SCALE */

    --text-xs: clamp(0.79rem, -0.01vw + 0.79rem, 0.78rem);
    --text-s: clamp(0.89rem, 0.08vw + 0.87rem, 0.94rem);
    --text-m: clamp(0.8333rem, 0.7576rem + 0.303vw, 1rem);
    --text-l: clamp(1.125rem, 1.0227rem + 0.4091vw, 1.35rem);
    --text-xl: clamp(1.5rem, 1.3636rem + 0.5455vw, 1.8rem);


    /* HEADING SIZE SCALE */

    --h6: clamp(1.125rem, 0.9972rem + 0.5114vw, 1.4063rem);
    --h5: clamp(1.25rem, 1.108rem + 0.5682vw, 1.5625rem);
    --h4: clamp(1.5rem, 1.3295rem + 0.6818vw, 1.875rem);
    --h3: clamp(1.875rem, 1.6619rem + 0.8523vw, 2.3438rem);
    --h2: clamp(2.25rem, 1.9943rem + 1.0227vw, 2.8125rem);
    --h1: clamp(3rem, 2.6591rem + 1.3636vw, 3.75rem);
    --h-title: clamp(3rem, 2.1573rem + 3.3709vw, 4.854rem);
}


/* TEXT SIZE UTILITY CLASSES */

.text-xl {
    font-size: var(--text-xl);
    line-height: 1.4;
}
.text-l {
    font-size: var(--text-l);
    line-height: 1.5;
}
body, .text-m {
    font-size: var(--text-m);
    line-height: 1.5;
}
.text-s {
    font-size: var(--text-s);
    line-height: 1.6;
}
.text-xs {
    font-size: var(--text-xs);
    line-height: 1.7;
}


/* HEADING SIZE UTILITY CLASSES */

.h-title {
    font-size: var(--h-title);
    font-weight: 700;
    line-height: 1.05;
}
h1, .h1 {
    font-size: var(--h1);
    line-height: 1.1;
}
h2, .h2 {
    font-size: var(--h2);
    line-height: 1.2;
}
h3, .h3 {
    font-size: var(--h3);
    line-height: 1.3;
}
h4, .h4 {
    font-size: var(--h4);
    line-height: 1.4;
}
h5, .h5 {
    font-size: var(--h5);
    line-height: 1.5;
}
h6, .h6 {
    font-size: var(--h6);
    line-height: 1.6;
}

.update-nag {display: none;}
.grecaptcha-badge {visibility: hidden;}

/* Header */
.header__menu {
  /* Selecting only the children of "bricks-nav-menu". */
  .bricks-nav-menu > .menu-item {
    /* The styles will apply only to the child of the last element with the class "menu-item".  */
    &:last-child a {
      background-color: var(--primary);
      color: var(--white) !important;
      font-weight: 600;
      padding: var(--space-xs) var(--space-m);
      border-radius: var(--radius-xs);

      /* Button hover style */
      &:hover {
        background-color: var(--primary-trans-80);
        color: var(--white);
      }
    }
  }
}

/* Login */
  /* -- The root styles must go in the element of the structure with the name "Login form". --*/ 
  .login__form {

    /* Styles applied to all checkboxes */
    & .options-wrapper {
      & li {
        display: flex;
        align-items: center;
        flex-wrap: nowrap;
      }

      /* Unique styles for text remember me */
      & label[for="form-field-grxbiw-0"] {
        font-size: var(--text-s);
        line-height: 100%;
      }
    }
		
    /* Style link forgot your password */
    & .login__form-forgot-password{
    	text-align: end;
      font-size: var(--text-s);
      font-weight: 600;
      color: var(--primary);
      line-height:100%;
    }
    
    /* Additional styles in inputs with redirection bug in Bricks version 1.10. */
    /* Width styles in inputs */
    .form-group {
      /* 100% width inputs */
      &:nth-of-type(1), &:nth-of-type(2) {
        width: 100% !important;
      }

      /* 50% width inputs */
      &:nth-of-type(3), &:nth-of-type(4) {
        width: 50% !important;
      }
    }
  }