/* Global */
:root {
  --pico-primary-background: #d92662 !important;
  --pico-primary-border: #d92662 !important;
  --pico-primary-inverse: white !important;
  --pico-primary-hover-background: #d92662 !important;
  --pico-primary-hover-border: #d92662 !important;
  --pico-border-radius: 0.25rem !important;

  --pico-primary-focus: rgba(255, 255, 255, 0.1) !important;
  
  /*--pico-form-element-invalid-border-color: #EE402E !important;
  --pico-icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23EE402E' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E") !important;
  --pico-form-element-invalid-active-border-color: #EE402E !important; */


  /* --pico-form-element-active-background-color: #d92662 !important; */
  --pico-text-selection-color: #d92662 !important; 

  

  --pico-pink: #d92662;
  --pico-blue: #4eb8dd;

}

@media (max-width: 576px) {
  :root {
    --pico-font-size: 90.25%;

  }
  nav li { font-size:14px; }
  article {font-size: 78%;}
  p {font-size:108%;}
}

body {
    background: url(/_images/NicePng_abstract-shapes-png_1594019.png); 
    background-size: 260px; 
    background-repeat: repeat; 
    color:#D8D9DA;
    min-height: 100vh;
    font-family: 'matteoregular';
    }

.col{ padding: 10px 20px;}    
  
h1 { font-family: 'matteosemibold'; }      
h2 { font-family: 'matteosemibold'; }  
h3 { font-family: 'matteosemibold'; }  
h4 { font-family: 'matteosemibold'; }  
h5 { font-family: 'matteosemibold'; }       
h6 { font-family: 'matteoregular'; color:white; }        

p { font-family: 'matteoregular'; }        

a {text-decoration: none; cursor: pointer;}

.pico-pink {color:var(--pico-pink);}
.pico-blue {color:var(--pico-blue);}

.btn-pink {background: var(--pico-pink);  border-color: var(--pico-pink);}
.btn-pink a {color: white; text-decoration: none;}

button {font-family: 'matteosemibold'; margin-top: 20px;}
button:hover {filter: brightness(1.1); transition: filter 0.3s ease-in-out; border-color: none; box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);}
button:active {
  filter: brightness(1) !important;
  box-shadow: none !important;
  --pico-box-shadow: none !important;
}


label.error {color: #964A50; font-size: 90%;  margin-top: -10px;}
#Messages {text-align: left !important; padding: 15px; display: none;}
.validation-success {color: #286f66;}
.validation-fail {color:#683a42;}



/* Media Queries */

@media (max-width: 576px) {
  /* pico */
  :root {
    --pico-font-size: 78.25%;
  }
}

/* Medium and up */
@media screen and (min-width: 640px) { }

/* Large and up */
@media screen and (min-width: 1024px) { }

/* X-Large and up */
@media screen and (min-width: 1200px) { }

/* XX-Large and up */
@media screen and (min-width: 1440px) { }

/* Small only */
@media screen and (max-width: 639px) { }

/* Medium only */
@media screen and (min-width: 640px) and (max-width: 1023px) { }

/* Large only */
@media screen and (min-width: 1024px) and (max-width: 1199px) { }

/* X-Large only */
@media screen and (min-width: 1200px) and (max-width: 1439px) { }