/**************/
/** GLOBALS **/
/************/
.remove-bt-margin{margin-bottom: 0;}

ul.remove-points{
list-style-type:none;
}

hr{opacity:0.75;}
hr.strong{border-top: 2px solid;}

[data-content-element-type-alias="richTextElement"]{height: max-content;}


@font-face {
    font-family: 'UKNumberPlate';
    src: url('../assets/font/UKNumberPlate.woff2') format('woff2'),
         url('../assets/font/UKNumberPlate.woff2') format('woff');
    font-weight: normal;
    font-style: normal;
}

.number-plate-title {
    font-family: 'UKNumberPlate', sans-serif;
    background: #fff;
    border: 3px solid #000;
    padding: 0.5em 1em;
    display: inline-block;
    border-radius: 4px;
    font-size: 2rem;
}


 
        
/******************/
/** FONT STYLES **/
/****************/
h1, h2, h3 {
    font-family: 'Oswald', serif;
    font-optical-sizing: auto;
    font-weight:600;
    font-style: normal;
    text-transform:uppercase;
    margin-top: 0;
    margin-bottom: 15px;
  }
  h1 strong, h2 strong, h3 strong{font-weight:800;}
  h1, h2, h3 span{ font-family: 'Oswald', serif;}

 p, li, a, span, label, input, #onetrust-policy-text{
     font-family: 'DM Sans', serif;
    font-optical-sizing: auto; 
    margin-top: 0;
    font-style: normal;
    font-size: 18px;
    font-weight: 300;
  }
 
.caps{text-transform: uppercase;}

strong{font-weight: 800;}

.text-left{text-align: left;}
.text-center{text-align: center;}
.text-right{text-align: right;}


.digit-font{font-family: "Squada One", serif;}
.heading-font{font-family: "Oswald", serif;}

.large-number{font-size: 75px; font-weight: 600;}

.rounded-corners-True{border-radius: 25px;}


.setting-max-width-True{max-width: 100%;display: flex;justify-self: center;}

/*****************/
/** FONT SIZES **/
/***************/
h1{font-size: 40px;margin-bottom:0;line-height: 50px;}
h2{font-size: 35px;line-height: 40px; text-box-trim: trim-both;}
h3{font-size: 25px;}


blockquote{}


.text-small{font-size: 16px;}
.text-medium{font-size:25px; }
.text-large{font-size:40px; line-height: 50px;}

 



/*******************/
/** FONT COLOURS **/
/*****************/
 

.text-white{ color: var(--colorWhite);}
 
.text-navy{ color: var(--colorNavy);}
 
.text-orange{ color: var(--colorOrange) !important;}
 

.text-darkOrange{ color: var(--colorDarkOrange);}
 

.text-black{ color: var(--colorBlack);}
 

.text-lightBlue{ color: var(--colorLightBlue);} 

/************************/
/** LINKS AND BUTTONS **/
/**********************/
 
a{text-decoration: none; color: var(--colorOrange); font-weight: 800;}
 
button.internal-link,
a.internal-link{display: flex; position: relative;
    flex-direction: row;     border: 2px solid;
    border-radius: 25px;
    width: max-content;
    padding: 10px 30px;       cursor: pointer;
      overflow: hidden; 
      background: transparent;}

.internal-link .visually-hidden{  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;}
  
button.internal-link svg,
a.internal-link svg {    height: 25px;
    width: 25px; position: absolute;}

.internal-link svg:first-of-type {  opacity:0;  left: -30px;}
.internal-link svg:last-of-type { opacity:1;
      fill: var(--colorOrange);
          right: -30px;
}


button.internal-link .internal-link-track,
a.internal-link .internal-link-track{display: flex;  
    flex-direction: row; transform: translateX(-10px);}


.button-fill{ fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 100px;}


      button.internal-link .internal-link-backing,
  a.internal-link .internal-link-backing {
      display: block;
      width: 1px;
      height: 1px;
      border-radius: 5000px;
      transform-origin: center center; 
      opacity: 0;
      background-color:  var(--colorOrange);
      left: 50%;
      top: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
  }


  
button.internal-link-flipped-True,
a.internal-link-flipped-True,
  button.internal-link.internal-link-flipped,
  a.internal-link.internal-link-flipped{background-color:  var(--colorOrange); border:none; }

  button.internal-link-flipped-True .internal-link-track,
  a.internal-link-flipped-True .internal-link-track,
  button.internal-link.internal-link-flipped .internal-link-track,
  a.internal-link.internal-link-flipped .internal-link-track{color:var(--colorWhite);}

  
  button.internal-link-flipped-True svg:first-of-type,
  a.internal-link-flipped-True svg:first-of-type,
  .internal-link.internal-link-flipped svg:first-of-type {
    fill:var(--colorWhite);
  
}

button.internal-link-flipped-True svg:last-of-type,
a.internal-link-flipped-True svg:last-of-type,
.internal-link.internal-link-flipped svg:last-of-type {

    fill:var(--colorWhite);
}



/* LIST CARD BUTTONS */ 
.tagged-filter-item-content .internal-link{/*padding: 5px 10px 5px 20px;*/ /*margin-top: 10px;*/}

ul li{ position: relative;}
ul li::marker{    color: var(--colorNavy);
    font-size: 30px;
    line-height: 15px;   }



    
/*******************/
/** SOCIAL MEDIA **/
/*****************/
.social-media-wrapper{
    display:flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    align-items: center;
    gap: 10px;
}

.social-media-icon-wrapper{list-style-type:none;font-size: 0;position: relative;height:35px;width:35px;display: flex;justify-content: center;align-items: center;cursor: pointer;border-radius: 15px;overflow: hidden;}
.social-media-icon-wrapper:before{content:'';display:block;height:inherit;width:inherit;background-color: var(--colorOrange);position: absolute;border-radius: inherit; left:auto;}

.social-media-icon{z-index: 2; position: relative; height: 25px;width: 25px;position: absolute;z-index: 2; transform: scale(0.8); }

.facebook-icon .social-media-icon{background-image:url('../assets/images/svg/socialMedia/facebook-mono.svg');}
.facebook-icon .social-media-backing{background-color:#0866FF;}

.instagram-icon .social-media-icon{background-image:url('../assets/images/svg/socialMedia/instagram-mono.svg');}
.instagram-icon .social-media-backing{  background: #833ab4;
    background: linear-gradient(
      to right,
      #833ab4,#fd1d1d,#fcb045
    );}

.linkedin-icon .social-media-icon{background-image:url('../assets/images/svg/socialMedia/linkedin-mono.svg');}
.linkedin-icon .social-media-backing{background-color:#0a66c2 ;}

.twitter-icon .social-media-icon{background-image:url('../assets/images/svg/socialMedia/twitter-mono.svg');}
.twitter-icon .social-media-backing{background-color: black;}

.youtube-icon .social-media-icon{background-image:url('../assets/images/svg/socialMedia/youtube-mono.svg');}
.youtube-icon .social-media-backing{background-color:#CD201F  ;}

.social-media-backing{
    width: inherit;
    height: inherit;
    z-index: 1;
    border-radius: inherit;
    transform: translateY(110%);
    position: absolute;
}


.social-media-color-inversion .social-media-icon {
  filter: invert(1);
}


/* rolling numbers */ 
.rolling-numbers-wrapper{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
    }
.rolling-numbers-wrapper .rolling-numbers-item{width: 75%;display: flex;align-items: center;gap: 30px;justify-content: center;text-align: center;position: relative;}


.rolling-numbers-item:after{content:'';display:block;height: 2px;width: 100%;background-color: white;position: absolute;bottom: -17px;}
.rolling-numbers-item:last-child:after{display: none;}

.rolling-numbers-wrapper p{margin-bottom: 0;display: flex;flex-direction: column;justify-content: space-between;}
.rolling-numbers-wrapper .rolling-number{display: flex;flex-direction: row;align-items: center;justify-content: center;}

.google-star-rating:after{content:'';display:block;width: 50px;height: 50px;background:url('../assets/images/svg/google-maps-star-orange.svg');margin-left: 10px;}




.or-seperator{    display: flex;
    gap: 30px; padding:30px 0px;
    align-items: center; margin-bottom: 0;
}
.or-seperator span{}

.or-seperator:before,
.or-seperator:after{content:'';display: block;width: 100%;height: 2px;border-radius: 5000px;background: white;}

.or-seperator:before{}
.or-seperator:after{}



@media (min-width:450px ){

    h1{font-size: 45px;}
    h2,
    h2 span{font-size: 36px;}
    h3{font-size: 25.4px;}

    p, li, a, span, #onetrust-policy-text{font-size: 18.5px;}
    blockquote{}
    
    .text-medium{font-size: 24px;}
    .text-large{font-size:42px;}

}

@media (min-width:768px ){

    h1{font-size: 60px;line-height: 65px;}
    h2,
    h2 span{font-size: 37px;}
    h3{font-size: 25.8px;}

    p, li, a, span, #onetrust-policy-text{font-size: 18.8px;}
    blockquote{}
    
    .text-medium{font-size:27px;}
    .text-large{font-size:44px;}


    .social-media-icon-wrapper{height:50px;width:50px;}

    .social-media-icon{ height: 30px;width: 30px;}

    .setting-max-width-True{max-width: 100%;}
    

}

@media (min-width:992px ){
    
    h1{font-size: 65px;line-height: 75px;}
    h2,
    h2 span{font-size: 38px;line-height: 50px;}
    h3{font-size: 26.2px;}

    p, li, a, span, #onetrust-policy-text{font-size: 19.2px;}
    blockquote{}
    
    .text-medium{font-size:28px;}
    .text-large{font-size:46px;}


    .setting-max-width-True{max-width: 75%;}



    .rolling-numbers-wrapper{
        flex-direction: row;
        /* gap: 0px; */
        }
        .rolling-numbers-wrapper .rolling-numbers-item{width: 25%;}
        
        
        .rolling-numbers-item:after{content:'';display:block;height:100%;width:2px;background-color: white;position: absolute;bottom: 0;right: -17px;}

}

@media (min-width:1200px ){
    
    h1{font-size: 70px;}
    h2,
    h2 span{font-size: 39px;}
    h3{font-size: 26.6px;}
    
    p, li, a, span, #onetrust-policy-text{font-size: 19.6px;}
    blockquote{}
    
    .text-medium{font-size: 29px;}
    .text-large{font-size:48px;}

    .setting-max-width-True{/* max-width: 74%; */}

}

@media (min-width:1500px ){
    
    h1{font-size: 75px;}
    h2,
    h2 span{font-size: 40px;line-height: 60px;}
    h3{font-size: 27px;}
    
    p, li, a, span, #onetrust-policy-text{
    font-size: 20px;}
    blockquote{}
    
    .text-medium{font-size: 30px;}
    .text-large{font-size:50px;}


    .setting-max-width-True{}
}