/* =============================================================================
   HTML5 CSS Reset Minified - Eric Meyer
   ========================================================================== */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
li{list-style:none}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}

:root {
    --text: #222021;
    --textalt:#4b5563;
    --white: #ffffff;
    --grey:#fafbfd;
    --bordergrey:#e9edf4;
    --pink:#f35a89;
    --dpink:#f4004d;
--green1: #f58a42;
  --green2: #e94b86;
  --green3: #18a57a;
  --green4: #7845d6;
  --green5: #3d63dd;
   --green:#18a57a;
--red: #e74141;
    --blue:#00afff;
    --dblue:#2f96e9;
    --orange:#ff876a;
    --dorange:#f86643;
    --purple:#6462d9;
    --dpurple:#3a3987;
    --plum:#9d56b8;
    --dplum:#aa3c81;
    --teal:#018db4;
 
    --yellow:#f4c83d;
    --chartline: #e5e5e5;
    --chartlegend: #778393;
    --mastodon:#5f60ff;
    --bluesky:#208bfe;
    --linkedin:#0462c0;
    --pinterest: #e60023;
    --youtube:#fd0136;
    --x:#1d9bf0;
    --facebook:#0866ff;   
    --instagram: #e2306c;
    --threads:#000000; 
}


@font-face {
    font-family: 'Scto Grotesk A';
    src: url('../fonts/SctoGroteskA-Black.woff2') format('woff2'),
        url('../fonts/SctoGroteskA-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Scto Grotesk A';
    src: url('../fonts/SctoGroteskA-Bold.woff2') format('woff2'),
        url('../fonts/SctoGroteskA-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Scto Grotesk A Regular';
    src: url('../fonts/SctoGroteskA-RegularItalic.woff2') format('woff2'),
        url('../fonts/SctoGroteskA-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Scto Grotesk A';
    src: url('../fonts/SctoGroteskA-Regular.woff2') format('woff2'),
        url('../fonts/SctoGroteskA-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Scto Grotesk A';
    src: url('../fonts/SctoGroteskA-Medium.woff2') format('woff2'),
        url('../fonts/SctoGroteskA-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Scto Grotesk A';
    src: url('../fonts/SctoGroteskA-Light.woff2') format('woff2'),
        url('../fonts/SctoGroteskA-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}



/* 
==========================================================================
GLOBAL & WP SPECIFIC STYLES
==========================================================================
*/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-text-size-adjust: none;   
}

input, textarea, select {
    -webkit-border-radius:0; 
    border-radius:0;
}

img,
audio,
video,
canvas {
  max-width: 100%;
}

html {
  min-height: 100%;
  margin-bottom: 1px;
  overflow: -moz-scrollbars-vertical!important; 
}

::selection {
  background: var(--text);
  color:var(--white);
}

::-moz-selection {
  background: var(--text);
  color:var(--white);
}

::-webkit-selection {
  background: var(--text);
  color:var(--white);
}

.cf:before,.cf:after {content: " "; /* 1 */    display: table; /* 2 */}
.cf:after {clear: both;}
.cf {clear: both;}

strong, b {
  font-weight:bold;
}

em, i {
  font-style:italic;
}

img.alignright {
  float:right;
  margin:0 0 2em 1em;
}

img.alignleft {
  float:left;
  margin:0 2em 1em 0;
}

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alignright {
  float:right;
  margin:0 0 2em 1em;
}

.alignleft {
  float:left;
  margin:0 0 2em 1em;
}

img.wp-smiley {
  float: none;
  margin: 0 0 0 5px;
  vertical-align:middle;
}

p {
  margin: 0 0 20px 0;
}

a {
  color: var(--text);
  text-decoration: none;
}

a:hover {
  color: var(--textalt);
  text-decoration: none;
}


/* 
==========================================================================
H & LINKS
==========================================================================
*/

h1 {
  font: 30px 'Scto Grotesk A', Helvetica , Arial, sans-serif; 
  margin:0 0 20px 0;
  padding:0;
}

h2 {
  font: 26px 'Scto Grotesk A', Helvetica , Arial, sans-serif; 
  margin:0 0 20px 0;
  padding:0;
}

h3 {
  font: 22px 'Scto Grotesk A', Helvetica , Arial, sans-serif;
  margin:0 0 20px 0;
  padding:0;
}

h4 {
  font: 20px 'Scto Grotesk A', Helvetica , Arial, sans-serif;
  margin:0 0 20px 0;
  padding:0;
}

h5 {
  font: 18px 'Scto Grotesk A', Helvetica , Arial, sans-serif;
  margin:0 0 20px 0;
  padding:0;
}


/* 
==========================================================================
GENERAL
==========================================================================
*/

body {
  background: var(--grey);
  color: var(--textalt);
  font: 16px/1.8 'Scto Grotesk A', Helvetica, Arial, sans-serif;
  margin:0;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}


.auth-form-logo {
    width: 60px;
    height: auto;
    margin: 0 auto 20px auto;
    transition: all 0.3s ease-in;    
}

.auth-container {
  width:100%;
  margin:0 auto;
}

.auth-inner {
  position: relative;
  width: 100%;
  max-width: 1550px;
  margin: 0 auto;
  padding: 0 30px;
}

.auth-form-block {
  position: relative;
  z-index: 99;
  background: var(--white);
  padding: 30px;
  width: 100%;
  max-width: 450px;
  margin: 75px auto;
  border: 1px solid var(--bordergrey);
}

.auth-form-block h2 {
  font: 20px 'Scto Grotesk A', Helvetica , Arial, sans-serif;
  margin: 0 0 10px 0;
  padding: 0;
  font-weight: 600;
  color: var(--text);
}


.blur1 {
  background: #1fcd9d;
  width: 350px;
  height: 350px;
  border-radius: 50%;
  filter: blur(175px);
  z-index: 1;
  position: fixed;
  right: 0;
margin: 0 auto;
  left:0;
  top: 50%;
  transform: translateY(-50%);
}

.auth-form-block select,
.auth-form-block input[type=name],
.auth-form-block input[type=password],
.auth-form-block input[type=email],
.auth-form-block input[type=datetime-local],
.auth-form-block input[type=text] {
  display: block;
  height: 45px!important;
  border-radius: 0!important;
  width: 100%;
  padding: 10px;
  border: 2px solid var(--bordergrey);
  margin: 0 0 10px 0;
  background: var(--white);
color: var(--text);
  font: 16px 'Scto Grotesk A', Helvetica, Arial, sans-serif;
  outline: none;
}

.auth-form-block input[type='checkbox'] {
  margin: -3px 5px 0 0;
}

.auth-form-block label {
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    font-weight: 600;
    margin: 0;
}

.go-auth {
  background: var(--green);
  padding: 10px 30px;
  text-align: center;
  color: var(--white) !important;
  border-radius: 0;
  margin: 20px auto;
  display: block;
  width: 100%;
  transition: all 0.3s ease-in-out;
  font: 16px 'Scto Grotesk A', Helvetica, Arial, sans-serif;
  font-weight: 600;
  border: 0;
  cursor: pointer;
}

.go-auth:hover {
  background: var(--orange);
  color: var(--white) !important;
  transition: all 0.3s ease-in-out;
  font: 16px 'Scto Grotesk A', Helvetica, Arial, sans-serif;
  font-weight: 600;
  border: 0;
  cursor: pointer;
}

.sign-options {
  text-align: center;
}



.sign-options h5 {
  font: 16px 'Scto Grotesk A', Helvetica , Arial, sans-serif;
  margin: 10px 0;
  padding: 0;
  font-weight: 600;
  color: var(--text);
}

.sign-options a {
  color: var(--green);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-style: dotted;
  display: block;
  margin: 0 0 5px;
  transition: all 0.3s ease-in-out;
}

.sign-options a:hover {
  color: var(--text);
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 6px;
  text-decoration-style: dotted;
  display: block;
  margin: 0 0 5px;
  transition: all 0.3s ease-in-out;
}



@media screen and (max-width: 1050px) {
  .blur1 {
    width: 200px;
    height: 200px;
    filter: blur(75px);
  }
}

@media screen and (max-width: 320px) {

 .container {
  min-width:240px;
  width:100%;
 }
 
}