/*
Theme Name: WPrepair
Author: arronwakeling.co.uk
Version: 0.01
*/

/* #code-version {
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
   background: var(--color__navy__2);
   padding: .4em 1em;
   font-weight: 400;
   font-size: 12px;
   letter-spacing: 0.05em;
   border-radius: 5px 5px 0 0;
   text-align: center; }

#code-version .css-version:after {
   content: '0.01'; } */


/* =====
   RESET
   ===== */	
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{height:0;color:inherit;border:0;border-top:1px solid}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}a{text-decoration:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/* ADDITIONAL */
blockquote {margin: 0; padding: 0}
ul, ol, li {list-style: none; padding: 0; margin: 0;}
img {max-width: 100%; }

button { all: unset; cursor: pointer; display: inline-block; box-sizing: border-box; }

/* =========
   VARIABLES
   ========= */	
   
:root { 
   /* COLORS */
   --color__navy__1:    #000829;
   --color__navy__1__alpha95: rgba(0, 8, 41, .95);
   
   --color__navy__2:    #0F1943;
   --color__navy__3:    #1D3269;

   --color__navy__1__tint:    #090F32;
   --color__navy__2__tint:    #17254E;
   
   --color__gray__100:  #0D0C13;
   --color__gray__90:  #232334;
   --color__gray__80:  #373748;
   --color__gray__70:  #555564;
   --color__gray__60:  #696973;
   --color__gray__50:  #848490;
   --color__gray__40:  #9D9DA6;
   --color__gray__30:  #B6B6BC;
   --color__gray__20:  #CECED3;
   --color__gray__10:  #E7E7EA;
   --color__gray__05:  #F8F8F9;
   
   --color__red:           #D9442B;
   --color__orange:        #E58D45;
   --color__yellow:        #EEC156;
   --color__yellow__tint:     #FCFAF1;
   
   --color__blue__1:    #4074B8;
   --color__blue__2:    #27A7D6;
   --color__blue__tint: #EAF4FB;
   
   --color__green__1:    #45A7AD;
   --color__green__2:   #55BA96;
   --color__green__3:   #9FC9B6;
   --color__green__tint: #EEF8F4;
   
   --color__black:			#000000;
   --color__white:			#ffffff;
   
   /* GRADIENT */
   --gradient__blue: linear-gradient(90deg, var(--color__blue__1), var(--color__blue__2));
   --gradient__green: linear-gradient(90deg, var(--color__green__1), var(--color__green__2));
   --gradient__orange: linear-gradient(90deg, var(--color__red), var(--color__orange));
   
   --gradient__blue__vt: linear-gradient(0deg, var(--color__blue__1), var(--color__blue__2));

   /* SPACING */
   --spacing__xxs: 2rem;
   --spacing__xs: 2.5rem;
   --spacing__sm: 3rem;
   --spacing__ml: 4rem;
   --spacing__md: 5rem;
   --spacing__lg: 7.5rem;
   --spacing__xl: 12.5rem; 
   
   /* LAYOUT */
   --layout__width: 		1210px;
   --layout__width__md:		960px;
   --layout__width__sm: 	760px;
   
   /* BORDER RADIUS */
    --border-radius:          1.5rem;
   
   /* FONTS */
   --font__primary:		'proxima-nova', sans-serif;

   
}  

@media (max-width: 860px) {
   
   :root {
      /* SPACING */
      /* --spacing__xxs: 2rem;
      --spacing__xs: 2.5rem; */
         --spacing__sm: 2.5rem;
      /* --spacing__ml: 4rem;
      --spacing__md: 5rem; */
         --spacing__lg: 6rem;
         --spacing__xl: 10rem; 
   }
}

@media (max-width: 600px) {
   
   :root {
      /* SPACING */
      --spacing__ml: 3rem;
      -spacing__xl: 7.5rem; 
   }
}