/*
 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
*/
/* design outline helper - FE View
body:not(.logged-in) *{
  outline: 1px dotted rgba(0, 0, 0, 0.312);
} */
/* set body height to push footer to the bottom */
.brx-body {
	min-height: 100dvh;
}
:root{
    --sms-primary: var(--primary);
    --sms-accent: var(--accent);
  /* spacing */
    --sms-padding-start: 1rem;
  /* radius */
    --sms-site-radius: var(--btn-radius);	
  /* shadows */
    --sms-filter-drop: drop-shadow(0px 0px 4px rgba(255, 255, 255, 0.4));
  }
  /* end shadows */
  
/*block with image background apply class to block */

.sms-bg-img{
  position: relative;
  }
  
  .sms-bg-img figure,
  .sms-bg-img figure img{
  position: absolute; 
  inline-size: 100%; 
  block-size: 100%; 
  object-fit: cover;
  }

  /*** 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;
  }
  :root{
    --editor-heading-color: var(--black);
    /* --editor-heading-space: var(--space-xs); */
  }
  /* SMS TXT EDITOR */
    /* Content Editor */
    .sms-txt-editor h1{
      color: var(--editor-heading-color);
      margin-bottom: var(--editor-heading-space);
    }
    .sms-txt-editor h2{
      color: var(--editor-heading-color);
      text-transform: capitalize;
    }
    .sms-txt-editor h3{
      color: var(--editor-heading-color);
      text-transform: capitalize;
    }
    .sms-txt-editor h4{
      color: var(--editor-heading-color);
      text-transform: capitalize;
    }
    .sms-txt-editor h5{
      color: var(--editor-heading-color);
      text-transform: capitalize;
    }
    .sms-txt-editor h6{
      color: var(--editor-heading-color);
      text-transform: capitalize;
    }
    .sms-txt-editor p{
        padding-inline-start: var(--sms-padding-start);
        text-wrap: wrap;
    }
.sms-txt-editor a {
  text-decoration: underline;
    text-decoration-style: solid;
  text-decoration-style: dotted;
  text-decoration-color: var(--primary);
}
    .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: var(--sms-site-radius);
        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.5em;}
    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; }
    .wp-block-image .alignright { float: right; margin: 0.5em; }
    .wp-block-image .alignleft {margin: 0em 1em 1em 0.5em;}

    @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(0% 0%, 100% 0%, 100% 75%, 85% 100%, 0 100%);
        clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 85% 100%, 0 100%);
    }
    .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%);
    }
    /* 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-inline-start: calc(var(--gutter)/2) !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(--neutral);
  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-camera li {
  list-style-type: '\1f4f7'; /* \00A0 unicode space */
}
ul.sms-circle li {
  list-style-type: circle;
}
ul.sms-cross li {
  list-style-type: '\2613';
}
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: '\261b';
}
ul.sms-point-yellow li{
  list-style-type: '\1F449'; /* \00A0 unicode space */
}
ul.sms-q li{
    list-style-type: '\003f';
}
ul.sms-smile li {
  list-style-type: '\1f603'; /* \00A0 unicode space */
}
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: '\2611';
}
/* 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';
}

/* UL List Gutenberg into columns */
.sms-list-2, .sms-list-3, .sms-list-4{
  display: grid;
  grid-gap: 0.25rem var(--grid-gap);
  padding: 0;
  
}
.sms-list-2{
  grid-template-columns: repeat(2, 1fr);
}
.sms-list-3{
  grid-template-columns: repeat(3, 1fr);
}
.sms-list-4{
  grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 478px){
  .sms-list-2, .sms-list-3, .sms-list-4 {
    grid-template-columns: 1fr;
  }}
/* END - UL List Gutenberg into columns */

/* UL List span into columns */
.sms-list-cols-2 ul{
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  column-gap: 40px;
  margin-block-start: unset;
}
@media (max-width: 478px){
  .sms-list-cols-2 ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }}

:root{
    --col-span-count-d: 4;/* desktop */
    --col-span-count-t: 3;/* tablet */
    --col-span-count-m: 2;/* mobile */
    }  
.sms-col-span-001{
    columns: var(--col-span-count-d);
  -webkit-columns: var(--col-span-count-d);
  -moz-columns: var(--col-span-count-d);
  column-gap: 20px;
    margin-block-start: unset;
  }
  @media (max-width: 992px){
.sms-col-span-001{
  columns: var(--col-span-count-t);
  -webkit-columns: var(--col-span-count-t);
  -moz-columns: var(--col-span-count-t);
  }}
  @media (max-width: 478px){
.sms-col-span-001{
  columns: var(--col-span-count-m);
  -webkit-columns: var(--col-span-count-m);
  -moz-columns: var(--col-span-count-m);
  }}
  /* END UL List span into columns */

  /* corner notch */
:root{
  --notch-size: 3rem;
}
.sms-corner-notch-001{
  mask: radial-gradient(calc(var(--notch-size) / 2) at var(--notch-size) var(--notch-size), transparent 94%, black) calc(var(--notch-size)* -1) calc(var(--notch-size)* -1);
}
.bricks-button[type=submit] {
  mask: radial-gradient(calc(var(--notch-size) / 4) at var(--notch-size) var(--notch-size), transparent 94%, black) calc(var(--notch-size)* -1) calc(var(--notch-size)* -1);
}

/* buttons */
.sms-button-001 {
  --sms-ibr: 25px;
  --sms-ibr-color: var(--primary);
  background-color: var(--sms-ibr-color);
  border-radius: var(--sms-ibr) 0px var(--sms-ibr) 0;
  position: relative;
  padding-block: 1rem;filter: drop-shadow(2px 4px 2px rgba(0,0,0,.5));
}
.sms-button-001:before {
  content: "";
  position: absolute;
  top: -50px;
  right: 0;
  height: 50px;
  width: var(--sms-ibr);
  border-top-left-radius: var(--sms-ibr);
  box-shadow: 0 -25px 0 0 var(--sms-ibr-color);
  transform: rotate(180deg);
}
.sms-button-001:after {
  content: "";
  position: absolute;
  bottom: -50px;
  height: 50px;
  width: var(--sms-ibr);
  border-top-left-radius: var(--sms-ibr);
  box-shadow: 0 -25px 0 0 var(--sms-ibr-color);
  left: 0;
}

/*Slider arrows utility*/
.sms-slider-nav--custom-position { /*nav arrows*/
  position: relative;
  }
  .sms-slider-nav--custom-position .splide__arrows { /*but wrapper*/
  position: absolute;
  top: 0; /*but position*/
  right: 0; /*but position*/
  display: flex;
  padding: var(--space-xs) var(--space-xs);
  z-index: 100;
  gap: calc(var(--space-xs)/2);
  }
  .sms-slider-nav--custom-position .splide__arrows .splide__arrow { /*buttons*/
  position:static;
  transform: translate(0, 0) !important;
  display: flex;
  gap: var(--space-s);
  height: unset;
  width: unset;
  border-radius: var(--sms-site-radius);
  }
  .sms-slider-nav--custom-position .splide__arrows .splide__arrow:first-of-type { /*buttons*/
  transform: translate(0, 0) rotate(180deg) !important;
  }
  .sms-slider-nav--custom-position .splide__arrow svg {
    --sms-slider-nav-btn-padding: var(--space-m); /*button spacing framework*/
  height: calc(var(--sms-slider-nav-btn-padding)* 1.5);
  width: var(--sms-slider-nav-btn-padding);
  }
/* photoswipe light box */
  .pswp__bg {
    background: var(--black) !important;
    /* background-image: url(https://movemywebsite.co.uk/build/client6/wp-content/uploads/2025/01/lightbox-overlay-bg-200.png) !important; */
    opacity: 0.9 !important;
}
.pswp__button--arrow {
  top: 75% !important;
}
.pswp__button--arrow--prev, .pswp__button--arrow--next, .pswp__button--close {
  background-color: var(--primary) !important;
}
.pswp__button--close {
  border-radius: 50%;
}
.pswp__button--arrow {
  height: 60px !important;
  width: 60px !important;
}
.pswp__button--arrow--next{
  border-radius: 50% 0 0 50%;
}
.pswp__button--arrow--prev {
  border-radius: 0 50% 50% 0;
}
.pswp.brx .pswp__counter {
  background: var(--primary);
  padding: 2px 8px;
}

/* END photoswipe */
.lg-backdrop {
  background-color: var(--black) !important;
/*   background-image: url(https://movemywebsite.co.uk/build/client6/wp-content/uploads/2025/01/lightbox-overlay-bg-200.png) !important; */
  opacity: 0.8 !important;
}
.lg-prev, .lg-next, .lg-close{
  background-color: var(--primary) !important;
}
/* responsive table */
#sms-table-01 {
  font-size: var(--text-m);
  margin-block-end: var(--content-gap);
}

#sms-table-01 thead {
  background: var(--primary);
  color: var(--white);
  text-align: justify;
}

#sms-table-01 th, td {
    padding: 0.5rem;
}

#sms-table-01 tr:nth-child(even) {
  background: #f6f6f6;
}

.hb-height-number {
  color: #151515;
}

.hb-style-finish {
  color: orange;
}

@media screen and (max-width: 600px) {
  table#sms-table-01 {
    width: 100%;
  }

  thead {
    display: none;
  }

  tr:nth-of-type(2n) {
    background-color: inherit;
  }

  tr td:first-child {
    background: var(--primary);
    font-weight: bold;
    color: #fff;
    font-size: 1.1em;
  }

  tbody td {
    display: block;
    text-align: center;
  }

  tbody td:before {
    content: attr(data-th);
    display: block;
    text-align: center;
    font-weight: bold;
  }
}
  /* corner notch */
:root{
  --notch-size: 1.5rem;
}
.sms-corner-notch-001{
  mask: radial-gradient(calc(var(--notch-size) / 2) at var(--notch-size) var(--notch-size), transparent 94%, black) calc(var(--notch-size)* -1) calc(var(--notch-size)* -1);
}
.bricks-button[type=submit] {
  mask: radial-gradient(calc(var(--notch-size) / 4) at var(--notch-size) var(--notch-size), transparent 94%, black) calc(var(--notch-size)* -1) calc(var(--notch-size)* -1);
}

/* corners box */
.sms-corner-001{
    --border-color: var(--accent);
    --border-style: solid;
    --s: 50px;
    --t: 3px;
    --g: 10px;
    border-radius: var(--sms-site-radius);
    padding: calc(var(--g) + var(--t));
    outline: var(--t) var(--border-style) var(--border-color);
    outline-offset: calc(-1 * var(--t));
    mask: conic-gradient(at var(--s) var(--s), #0000 75%, #000 0) 0 0 / calc(100% - var(--s)) calc(100% - var(--s)), conic-gradient(#000 0 0) content-box;
    transition: .4s;
}
/* box shadow */
.sms-box-shadow-001{
	box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.sms-box-shadow-002{
	box-shadow: rgba(255, 255, 0, 0.45) 0px 25px 20px -20px;
}
/* outline offset */
  .sms-outline-offset-a{
    outline: 2px solid var(--accent);
      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 */