/*
    You can add and edit custom CSS here.

    Note: This file is reserved for project-specific styling. Developers will not
    override or upload changes to this file, so it’s safe for your custom tweaks.
*/

/* UPDATES to font sizing */
/* .prose h1 {font-size: 4rem;}   */     /* 5rem */
/* .prose h2 {font-size: 3.25rem;}  */      /* 4rem */
/* .prose h3 {font-size: 2rem;}    */    /* 2.75rem */
/* .prose h4 {font-size: 1.75rem;}    */ /* 2rem */
/* .prose h5 {font-size: 1.5rem;}   */   /* 1.5rem */
/* .prose h6 {font-size: 1.375rem;} */   /* 1.375rem */

/* @media (max-width: 767px) { */
/* .prose h1 {font-size: 2.75rem;}     */   /* 5rem */
/* .prose h2 {font-size: 2.25rem;}  */      /* 4rem */
/* .prose h3 {font-size: 2rem;}   */     /* 2.75rem */
/* .prose h4 {font-size: 1.75rem;} */    /* 2rem */
/* .prose h5 {font-size: 1.5rem;}  */    /* 1.5rem */
/* .prose h6 {font-size: 1.375rem;}  */  /* 1.375rem */
/* } */
/* end UPDATES to font sizing */


/*
p, .prose ol,  .prose ul, .prose blockquote { color: #4c4c4e !important;}
*/

/* .prose a {
    color: #00A6e3 !important; 
    border-bottom: 1px solid #8a8a8e;
}  */

/* begin NEW BACKGROUND Colors/variables */
/* .block-background--medium-gray {
    --bg-color: 
   linear-gradient(-60deg, #505050, transparent 49%), 
   linear-gradient(170deg, #505050, transparent 30%), 
   linear-gradient(-170deg, #505050, transparent 30%),
   #0b0b0bd6
   !important;
}
.block-background--dark-gray {
    --bg-color: 
   linear-gradient(240deg, #3b3b3b, transparent 49%), 
   linear-gradient(10deg, #505050, transparent 30%), 
   linear-gradient(-10deg, #505050, transparent 30%),
   #0b0b0b
   !important;
}
.block-background--blue-black-orange2 {
    --bg-color: 
     linear-gradient(170deg, #009be3, transparent 28%), 
    linear-gradient(-171deg, #009be3, transparent 20%), 
    radial-gradient(circle at 105% 125%, #ea7200, transparent 40%), 
    #0b0b0b
   !important;
}
.block-background--blue-black  {
    --bg-color: 
    conic-gradient(from 210deg at 110% 80%, #0B0B0B, #009be3, #0b0b0b)
   !important;
}
.block-background--orange-black  {
    --bg-color: 
    linear-gradient(170deg, #ea7200, transparent 15%), 
    linear-gradient(-60deg, #ea7200, transparent 20%), 
    linear-gradient(-170deg, #ea7200, transparent 18%),
   #0b0b0b
   !important;
} */
/* end NEW BACKGROUND colors/variables */


/* begin WHITE overrides */

/* .block-background--blue-black-orange2 .prose h1,
.block-background--blue-black-orange2 .prose h2,
.block-background--blue-black-orange2 .prose h3,
.block-background--blue-black-orange2 .prose h6,
.block-background--blue-with-black-edges .prose h1,
.block-background--blue-with-black-edges .prose h2,
.block-background--blue-with-black-edges .prose h3,
.block-background--blue-with-black-edges .prose h6,
.block-background--orange-black .prose h1,
.block-background--orange-black .prose h2,
.block-background--orange-black .prose h3,
.block-background--orange-black .prose h6,
.block-background--orange-corner-lower-left .prose h1,
.block-background--orange-corner-lower-left .prose h2,
.block-background--orange-corner-lower-left .prose h3,
.block-background--orange-corner-lower-left .prose h6,
.block-background--blue-black .prose  h1,
.block-background--blue-black .prose  h2,
.block-background--blue-black .prose  h3,
.block-background--blue-black .prose h6,
.block-background--blue-corner-lower-left .prose h1,
.block-background--blue-corner-lower-left .prose h2,
.block-background--blue-corner-lower-left .prose h3,
.block-background--blue-corner-lower-left .prose h6
{
color: #ffffff !important;
} */
/* end WHITE overrides */

/*
Gradatient ideas

.block-background--blue-with-black-edges  {
    --bg-color: 
    linear-gradient(-60deg, #0b0b0b, transparent 49%), 
   linear-gradient(170deg, #0b0b0b, transparent 30%), 
   linear-gradient(-170deg, #0b0b0b, transparent 30%),
   #009be3
   !important;
}
.block-background--orange-corner-upper-right  {
    --bg-color: 
    conic-gradient(from 210deg at 110% 80%, #0B0B0B, #e17200, #0b0b0b)
   !important;
}
.block-background--blue-corner-lower-left  {
    --bg-color: 
    conic-gradient(from 45deg at -10% 48%, #0B0B0B, #009be3, #0b0b0b)
   !important;
}

.lightgray-w-lightgray: 
linear-gradient(60deg, #e8e8ed, transparent 49%), linear-gradient(-170deg, #e8e8ed, transparent 30%), linear-gradient(170deg, #e8e8ed, transparent 30%), #f2f2f7

.lightgray-w-lightblue
linear-gradient(60deg, #e8e8ed, transparent 100%), #009be326

.black-w-blue-edge: l
   linear-gradient(-60deg, #009be3, transparent 20%), 
   linear-gradient(170deg, #009be3, transparent 25%), 
   linear-gradient(-170deg, #009be3, transparent 18%),
   #0b0b0b

.orange-w-black-edges: l
   linear-gradient(-60deg, #0b0b0b, transparent 49%), 
   linear-gradient(170deg, #0b0b0b, transparent 30%), 
   linear-gradient(-170deg, #0b0b0b, transparent 30%),
   #ea7200
