/*
 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
*/

/* GLOBAL CUSTOM CHECKBOXES (frontend only) */
body:not(.wp-admin) input[type="checkbox"]{
  -webkit-appearance: none !important;
  appearance: none !important;
  accent-color: transparent !important;

  margin: 0 !important;
  padding: 0 !important;

  width: 18px !important;
  height: 18px !important;

  border: 1.5px solid #cfcfcf !important;
  border-radius: 6px !important;
  background: #fff !important;

  display: inline-grid !important;
  place-content: center !important;

  cursor: pointer;
  transition: background .25s ease, border-color .25s ease, transform .15s ease;
}

body:not(.wp-admin) input[type="checkbox"]:hover{
  border-color: #8fa59a !important;
}

body:not(.wp-admin) input[type="checkbox"]:checked{
  background: #5f7f74 !important;
  border-color: #5f7f74 !important;
}

body:not(.wp-admin) input[type="checkbox"]::before{
  content: "" !important;
  width: 9px !important;
  height: 9px !important;
  background: #fff !important;

  transform: scale(0);
  transition: transform .18s ease;

  clip-path: polygon(14% 44%, 0 59%, 40% 100%, 100% 24%, 84% 10%, 40% 74%);
}

body:not(.wp-admin) input[type="checkbox"]:checked::before{
  transform: scale(1);
}