html {   color: #091633;   font-size: 14px;   line-height: 14px; } ::-moz-selection {   background: #b3d4fc;   text-shadow: none; } ::selection {   background: #b3d4fc;   text-shadow: none; }  hr {   display: block;   height: 1px;   border: 0;   border-top: 1px solid #ccc;   margin: 1em 0;   padding: 0; }  audio, canvas, iframe, img, svg, video {   vertical-align: middle; }  fieldset {   border: 0;   margin: 0;   padding: 0; }  textarea {   resize: vertical; }  a{ color: #BA4392; } /* ==========================================================================    Browser Upgrade Prompt    ========================================================================== */  .browserupgrade {   margin: 0.2em 0;   background: #ccc;   color: #000;   padding: 0.2em 0; }  /* ==========================================================================    Fonts    ========================================================================== */ /* @font-face {   font-family: 'GT Walsheim Light';   src: url("/public/default/css/fonts/GT-Walsheim-Ultra-Light.eot");   src: url("/public/default/css/fonts/GT-Walsheim-Ultra-Light.eot?#iefix") format("embedded-opentype"), url("/public/default/css/fonts/GT-Walsheim-Ultra-Light.woff") format("woff"), url("/public/default/css/fonts/GT-Walsheim-Ultra-Light.ttf") format("truetype"); } @font-face {   font-family: 'GT Walsheim Regular';   src: url("/public/default/css/fonts/GT-Walsheim-Light.eot");   src: url("/public/default/css/fonts/GT-Walsheim-Light.eot?#iefix") format("embedded-opentype"), url("/public/default/css/fonts/GT-Walsheim-Light.woff") format("woff"), url("/public/default/css/fonts/GT-Walsheim-Light.ttf") format("truetype"); } @font-face {   font-family: 'GT Walsheim Medium';   src: url("/public/default/css/fonts/GT-Walsheim-Regular.eot");   src: url("/public/default/css/fonts/GT-Walsheim-Regular.eot?#iefix") format("embedded-opentype"), url("/public/default/css/fonts/GT-Walsheim-Regular.woff") format("woff"), url("/public/default/css/fonts/GT-Walsheim-Regular.ttf") format("truetype"); } @font-face {   font-family: 'GT Walsheim Bold';   src: url("/public/default/css/fonts/GT-Walsheim-Bold.eot");   src: url("/public/default/css/fonts/GT-Walsheim-Bold.eot?#iefix") format("embedded-opentype"), url("/public/default/css/fonts/GT-Walsheim-Bold.woff") format("woff"), url("/public/default/css/fonts/GT-Walsheim-Bold.ttf") format("truetype"); } */  body{font-weight: 500; font-family:  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color: #131313} /*"GT Walsheim Regular",*/  b{font-weight: 600; font-family:  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}/*"GT Walsheim Bold", */ h1,h2,h3,h4{font-weight: 500; font-family:  "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}/*"GT Walsheim Medium", */ .app-header{ background-color: #695A64; color: white; } .app-aside-light{ background-color: rgba(20,20,31,.05);} hr{ width: 100%; }  .cc-black{ background-color: #000; color: #fff; } .cc-red{ background-color: #dc3545; color: #fff; } .cc-orange{ background-color: #ff6600; color: #fff; } .cc-yellow{ background-color: #ffc107; color: #000; } .cc-green{ background-color: #28a745; color: #000; } .cc-blue{ background-color: #007bff; color: #fff; } .cc-pink{ background-color: #ff00bf; color: #000; } .cc-turquoise{ background-color: #17a2b8; color: #000; }  .cc-black .bar{ fill: #000 !important; } .cc-red .bar{ fill: #dc3545 !important; } .cc-orange .bar{ fill: #ff6600 !important; } .cc-yellow .bar{ fill: #ffc107 !important; } .cc-green .bar{ fill: #28a745 !important; } .cc-blue .bar{ fill: #007bff !important; } .cc-pink .bar{ fill: #ff00bf !important; } .cc-turquoise .bar{ fill: #17a2b8 !important; } /*.dark-skin .app-aside-light{ background-color: #2f3132; }*/  .form-control:disabled, .form-control[readonly] {   color: #888c9b;   background-color: #f6f7f9;   opacity: 1; }  /* ==========================================================================    Helper classes    ========================================================================== */  /*  * Hide visually and from screen readers  */  .hidden {   display: none !important; }  /* * Hide only visually, but have it available for screen readers: * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility * * 1. For long content, line feeds are not interpreted as spaces and small width *    causes content to wrap 1 word per line: *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe */  .sr-only {   border: 0;   clip: rect(0, 0, 0, 0);   height: 1px;   margin: -1px;   overflow: hidden;   padding: 0;   position: absolute;   white-space: nowrap;   width: 1px;   /* 1 */ }  /* * Extends the .sr-only class to allow the element * to be focusable when navigated to via the keyboard: * https://www.drupal.org/node/897638 */  .sr-only.focusable:active, .sr-only.focusable:focus {   clip: auto;   height: auto;   margin: 0;   overflow: visible;   position: static;   white-space: inherit;   width: auto; }  /* * Hide visually and from screen readers, but maintain layout */  .invisible {   visibility: hidden; }  /* * Clearfix: contain floats * * For modern browsers * 1. The space content is one way to avoid an Opera bug when the *    `contenteditable` attribute is included anywhere else in the document. *    Otherwise it causes space to appear at the top and bottom of elements *    that receive the `clearfix` class. * 2. The use of `table` rather than `block` is only necessary if using *    `:before` to contain the top-margins of child elements. */  .clearfix:before, .clearfix:after {   content: " ";   /* 1 */   display: table;   /* 2 */ }  .clearfix:after {   clear: both; }  /* ==========================================================================    EXAMPLE Media Queries for Responsive Design.    These examples override the primary ('mobile first') styles.    Modify as content requires.    ========================================================================== */  @media only screen and (min-width: 35em) {   /* Style adjustments for viewports that meet the condition */ }  @media print,   (-webkit-min-device-pixel-ratio: 1.25),   (min-resolution: 1.25dppx),   (min-resolution: 120dpi) {   /* Style adjustments for high resolution devices */ }  /* ==========================================================================    Print styles.    Inlined to avoid the additional HTTP request:    https://www.phpied.com/delay-loading-your-print-css/    ========================================================================== */  @media print {   *,   *:before,   *:after {     background: transparent !important;     color: #000 !important;     /* Black prints faster */     -webkit-box-shadow: none !important;     box-shadow: none !important;     text-shadow: none !important;   }   a,   a:visited {     text-decoration: underline;   }   a[href]:after {     content: " (" attr(href) ")";   }   abbr[title]:after {     content: " (" attr(title) ")";   }   /*      * Don't show links that are fragment identifiers,      * or use the `javascript:` pseudo protocol      */   a[href^="#"]:after,   a[href^="javascript:"]:after {     content: "";   }   pre {     white-space: pre-wrap !important;   }   pre,   blockquote {     border: 1px solid #999;     page-break-inside: avoid;   }   /*      * Printing Tables:      * https://web.archive.org/web/20180815150934/http://css-discuss.incutio.com/wiki/Printing_Tables      */   thead {     display: table-header-group;   }   tr,   img {     page-break-inside: avoid;   }   p,   h2,   h3 {     orphans: 3;     widows: 3;   }   h2,   h3 {     page-break-after: avoid;   } }  /* SCREENS --- */ @media screen and (max-width: 1024px) {   .container{ margin: 0 20px 0 20px; width: calc(100% - 40px); } } @media screen and (max-width: 800px) {   .card .card-subtitle{width: 100%; }   .grid{ flex-wrap: wrap; }   .g-4{ flex: 1; flex-basis: 50%; }   a.btn-white:hover{ color: rgb(164, 164, 164); }   a.btn-white:after{ width: 100%; left: 0; }   .over-effect { background-color: #000000; }   .bg-white .over-effect { background-color: #efefef; } } @media screen and (max-width: 500px) {   .grid{ flex-wrap: wrap; }   .g-4{ flex: 1; flex-basis: 100%; }   .image{ padding: 0.25rem;}   header .wide .header .nav{ display: none; }   header .wide .header a.logo{flex: 1; margin-top: 1rem;} } @media screen and (max-width: 375px) {   h1{ font-size: 2rem; line-height: 1.9rem; }   .card.home .card-content{ font-size: 1.2rem; } }