/*
 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{
    --gbi-primary: var(--primary);
    --gbi-accent: var(--accent);
  /* spacing */
    --sms-padding-start: 1rem;	
  /* shadows */
    --gbi-filter-drop: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.4));
    --sms-space-xxs: calc(var(--space-xs)/2);
  }
  /* end shadows */
  
  /*** END ROOT ***/
  .sms-external-link::after{
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='red' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
    font-size: 0.1em;
    vertical-align: top;
    margin-left: 5em;
  }
    /* Content Editor */
    .sms-txt-editor h1{
        text-transform: capitalize;
    }
    .sms-txt-editor h2{
        text-transform: capitalize;
    }
    .sms-txt-editor h3{
        text-transform: capitalize;
    }
    .sms-txt-editor h4{
      text-transform: capitalize;
    }
    .sms-txt-editor p{
        padding-inline-start: var(--sms-padding-start);
        text-wrap: wrap;
    }
    .sms-txt-editor blockquote{
      border-left-color: var(--action);
      border-left-width: 10px;
      font-size: 1.1em;
      margin: 30px;
    }
    .sms-txt-editor .happyfiles-gallery {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .sms-txt-editor img {
        border-radius: 4px;
        box-shadow: 0px 10px 20px -15px #000;
        outline: 2px solid rgba(255,255,255, 0.3);
        outline-offset: -4px;
    }
    /* tiny mce wp wordpress images */
    img.alignright { float: right; margin: 0.5em; }
    img.alignleft { float: left; margin: 0.5em 1em 0.5em 0; }
    img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
    .alignright { float: right; }
    .alignleft { float: left; }
    .aligncenter { display: block; margin-left: auto; margin-right: auto; }
    
    @media only screen and (max-width: 600px) {
        img.alignleft,
        .alignleft,
        img.alignright,
        .alignright {
            float: none;
            margin: 1em 0;
        max-width: 100% !important;
        }
    }
    /* used to show external links */
    .sms-txt-editor a[target="_blank"]::after {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='blue' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8.636 3.5a.5.5 0 0 0-.5-.5H1.5A1.5 1.5 0 0 0 0 4.5v10A1.5 1.5 0 0 0 1.5 16h10a1.5 1.5 0 0 0 1.5-1.5V7.864a.5.5 0 0 0-1 0V14.5a.5.5 0 0 1-.5.5h-10a.5.5 0 0 1-.5-.5v-10a.5.5 0 0 1 .5-.5h6.636a.5.5 0 0 0 .5-.5z'/%3E%3Cpath fill-rule='evenodd' d='M16 .5a.5.5 0 0 0-.5-.5h-5a.5.5 0 0 0 0 1h3.793L6.146 9.146a.5.5 0 1 0 .708.708L15 1.707V5.5a.5.5 0 0 0 1 0v-5z'/%3E%3C/svg%3E");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;	  
        height: 11px;
        margin-bottom: 8px;
        margin-left: 4px;
      margin-right: 6px;
        width: 11px;
    }
    
    /* END Content Editor */
     /* Line Clamp */
.sms-line-clamp-1 {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  .sms-line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  .sms-line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  .sms-line-clamp-4 {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;  
    overflow: hidden;
  }
  /* END Line Clamp */
    /* Shapes clip path */
    .sms-shape-001{
        -webkit-clip-path: polygon(50% 0%, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0);
        clip-path: polygon(50% 0%, 95% 0, 100% 50%, 95% 100%, 5% 100%, 0 50%, 5% 0);
    }
    .sms-shape-002{
        -webkit-clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 95%, 95% 95%, 95% 100%, 5% 100%, 5% 95%, 0 95%);
        clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 95%, 95% 95%, 95% 100%, 5% 100%, 5% 95%, 0 95%);
    }
    .sms-shape-003{
        -webkit-clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 100%, 0 100%);
        clip-path: polygon(0 5%, 5% 5%, 5% 0, 95% 0, 95% 5%, 100% 5%, 100% 100%, 0 100%);
    }
    .sms-shape-004{
        -webkit-clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 100%);
        clip-path: polygon(2% 0, 98% 0, 100% 100%, 0 100%);
    }
    .sms-shape-004-rev{
        -webkit-clip-path: polygon(0% 0%, 100% 0, 98% 100%, 2% 100%);
        clip-path: polygon(0% 0%, 100% 0, 98% 100%, 2% 100%);
    }
    .sms-shape-005{
        /* border-bottom: 1px dotted var(--secondary); */
        -webkit-clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
        clip-path: polygon(0% 0%, 95% 0, 100% 50%, 95% 100%, 0% 100%);
    }
    .sms-shape-006{
        -webkit-clip-path: polygon(98% 0, 2% 0, 100% 100%, 0 100%);
        clip-path: polygon(98% 0, 2% 0, 100% 100%, 0 100%);
    }
    .sms-shape-007{
        -webkit-clip-path: polygon(0 10%, 70% 10%, 70% 0, 100% 50%, 70% 100%, 70% 90%, 0 90%);
        clip-path: polygon(0 10%, 70% 10%, 70% 0, 100% 50%, 70% 100%, 70% 90%, 0 90%);
    }
      .sms-shape-008{
    -webkit-clip-path: polygon(50% 5%, 75% 5%, 100% 0, 100% 100%, 75% 95%, 50% 95%, 25% 95%, 0 100%, 0 0, 25% 5%);
    clip-path: polygon(50% 5%, 75% 5%, 100% 0, 100% 100%, 75% 95%, 50% 95%, 25% 95%, 0 100%, 0 0, 25% 5%);
    }
    .sms-shape-008a{
        -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 100%, 0 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 100%, 0 100%);
    }
  
    /* END Shapes clip path */
    /* Skyshot List Styles */ 
    ul.sms-alpha, ul.sms-alpha-low, ul.sms-arrow, ul.sms-circle, ul.sms-cross, ul.sms-custom-icon-001, ul.sms-disc, ul.sms-flame, ul.sms-none, ul.sms-note, ul.sms-number, ul.sms-point, ul.sms-q, ul.sms-thumb, ul.sms-tick, ul.sms-tick-solid{
        padding-left: revert !important; /* remove bricks default padding */
      }
      ul.sms-alpha li, ul.sms-alpha-low li,ul.sms-arrow li, ul.sms-circle li, ul.sms-cross li, ul.sms-custom-icon-001 li, ul.sms-disc li, ul.sms-flame li,ul.sms-none li, ul.sms-note li, ul.sms-number li, ul.sms-point li, ul.sms-q li, ul.sms-thumb li, ul.sms-tick li, ul.sms-tick-solid li, ul.sms-tick li.cross{
        line-height: 1.6em;
        padding-inline-start: 1ch;
      }
      ul.sms-alpha li:first-letter, ul.sms-alpha-low li:first-letter,ul.sms-arrow li:first-letter, ul.sms-circle li:first-letter, ul.sms-cross li:first-letter, ul.sms-custom-icon-001 li:first-letter, ul.sms-disc li:first-letter, ul.sms-flame li:first-letter,ul.sms-none li:first-letter, ul.sms-note li:first-letter, ul.sms-number li:first-letter, ul.sms-point li:first-letter, ul.sms-q li:first-letter, ul.sms-thumb li:first-letter, ul.sms-tick li:first-letter, ul.sms-tick-solid li:first-letter, ul.sms-tick li.cross{
        text-transform: capitalize;
      }
      ul.sms-alpha li::marker, ul.sms-alpha-low li::marker, ul.sms-arrow li::marker, ul.sms-circle li::marker, ul.sms-cross li::marker, ul.sms-custom-icon-001 li::marker, ul.sms-disc li::marker, ul.sms-flame li::marker, ul.sms-note li::marker, ul.sms-number li::marker, ul.sms-q li::marker, ul.sms-tick li::marker, ul.sms-tick-solid li::marker, ul.sms-tick li.cross::marker {
        color: var(--action);
        font-weight: 600;
        font-size: 1.9rem;
      }
      ul.sms-alpha li{
          list-style-type: upper-alpha;
      }
      ul.sms-alpha-low li{
        list-style-type: lower-alpha;
      }
      ul.sms-arrow li {
          list-style-type: '\27a4';
      }
      ul.sms-circle li {
        list-style-type: circle;
      }
      ul.sms-cross li {
        list-style-type: '\1F5D9';
      }
      ul.sms-disc li {
        list-style-type: disc;
      }
      ul.sms-flame li {
        list-style-type: '\1F525';
      }
      ul.sms-none li {
        list-style-type: none;
      }
      ul.sms-note li {
          list-style-type: '\270e';
      }
      ul.sms-number li {
        list-style-type: decimal;
      }
      ul.sms-point li{
          list-style-type: '\1F449';
      }
      ul.sms-q li{
          list-style-type: '\003f';
      }
      ul.sms-thumb li{
          list-style-type: '\1F44D';
      }
      /* tick simple */
      ul.sms-tick li{ 
          list-style-type: '\2713';
      }
      ul.sms-tick-solid li{
        list-style-type: '\2705';
    }
      /* custom client icon
      ul.sms-custom-icon-001 li{
        list-style-image: url("https://movemywebsite.co.uk/build/client9/wp-content/uploads/2023/02/fire-within-flame-icon-14x20-1.png");
      } */
      /* Used if you need a cross in a tick list give the single li a class */
      ul.sms-tick li.cross {
          list-style-type: '\1F5D9';
      }
/* outline offset */
.sms-outline-offset-a{
    outline: 2px solid var(--action);
      outline-offset: -4px;
  }
  .sms-outline-offset-p{
    outline: 2px solid var(--primary);
      outline-offset: -4px;
  }
  .sms-outline-offset-s{
    outline: 2px solid var(--secondary);
      outline-offset: -4px;
  }
  .sms-outline-offset-blk{
    outline: 2px solid rgba(0, 0, 0, 0.1);
      outline-offset: -4px;
  }
  .sms-outline-offset-wht{
    outline: 2px solid rgba(255,255,255, 0.3);
      outline-offset: -4px;
  }
  /* Tilts */
.sms-tilt-left-001{
  transform: perspective(1000px) rotatey(340deg);
}
.sms-tilt-right-001{
  transform: perspective(1000px) rotatey(20deg);
}
.sms-tilt-top-001{
  transform: perspective(1000px) rotatex(355deg);
}
.sms-tilt-bottom-001{
  transform: perspective(1000px) rotatex(20deg);
}
/* END Tilts */
/* happy files gallery */
.sms-happyfiles-gallery{
@media only screen and (max-width: 767px) {
.happyfiles-gallery > ul[data-col="3"]{
  grid-template-columns: repeat(1,1fr) !important;
  }}

@media only screen and (max-width: 767px) {
.happyfiles-gallery > ul[data-col="2"]{
  grid-template-columns: repeat(1,1fr) !important;
  }}
}
/* END happy files gallery */

/* filter shadows */
.sms-filter-shadow-001{
  filter: drop-shadow(0px 8px 12px rgba(0,0,0,.1));
}
.sms-filter-shadow-002{
  filter: drop-shadow(0px 8px 12px rgba(0,0,0,.2));
}
.sms-filter-shadow-003{
  filter: drop-shadow(0px 8px 12px rgba(0,0,0,.3));
}
.sms-filter-shadow-004{
  filter: drop-shadow(0px 8px 12px rgba(0,0,0,.4));
}
.sms-filter-shadow-005{
  filter: drop-shadow(0 .5rem 1.5rem #00000050);
}
.sms-filter-shadow-custom-001{/* mobile menu button */
  filter: drop-shadow(4px 4px 4px rgba(255,255,255,.2));
}
.sms-filter-shadow-custom-002{/* mobile menu butterfly */
  filter: drop-shadow(1px 4.5px 6px rgba(255,215,0,0.8));	
}
.sms-filter-shadow-custom-003{
  filter: drop-shadow(1px 2px 1px rgba(0,0,0,.2));	
}