/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */
/* Import mixins and variables. */
/*
 * This is an upper bound for extremely wide window sizes. This value is based on the
 * current top end resolution widths.
 */
/* This is a value defining "infinity", or very large values. */
/*
 * This value represents the spacing between grid items.
 */
/*
 * These variables provide windows size breakpoints we use as part of cosmic.
 * These represent a targeted lowest value (min-width) for that particular device.
 */
:root {
  --uowdf-color-uo-green: #007030;
  --uowdf-color-uo-green-rgb: 0, 112, 48;
  --uowdf-color-uo-yellow: #fee11a;
  --uowdf-color-uo-yellow-rgb: 254, 225, 26;
  --uowdf-color-uo-legacy-green: #104735;
  --uowdf-color-uo-legacy-green-rgb: 16, 71, 53;
  --uowdf-color-grass-green: #489d46;
  --uowdf-color-grass-green-rgb: 72, 157, 70;
  --uowdf-color-lime-green: #8abb40;
  --uowdf-color-lime-green-rgb: 138, 187, 64;
  --uowdf-color-chartreuse: #e2e11b;
  --uowdf-color-chartreuse-rgb: 225, 224, 26;
  --uowdf-color-dark-blue: #07506f;
  --uowdf-color-dark-blue-rgb: 0, 79, 110;
  --uowdf-color-light-blue: #84d2df;
  --uowdf-color-light-blue-rgb: 0, 165, 181;
  --uowdf-color-berry: #8d1d58;
  --uowdf-color-berry-rgb: 141, 29, 88;
  --uowdf-color-black: #000000;
  --uowdf-color-black-rgb: 0, 0, 0;
  --uowdf-color-dark-gray: #4f565a;
  --uowdf-color-dark-gray-rgb: 77, 88, 89;
  --uowdf-color-medium-gray: #9a9c9f;
  --uowdf-color-medium-gray-rgb: 147, 152, 143;
  --uowdf-color-light-gray: #d8d9da;
  --uowdf-color-light-gray-rgb: 216, 217, 218;
  --uowdf-color-golden-yellow: #fed103;
  --uowdf-color-golden-yellow-rgb: 254, 209, 3;
  --uowdf-color-red: #af272f;
  --uowdf-color-red-rgb: 175, 39, 47;
  --uowdf-color-dark-red: #832926;
  --uowdf-color-dark-red-rgb: 131, 41, 38;
  --uowdf-color-footer-gray: #2f3435;
  --uowdf-color-footer-gray-rgb: 47, 52, 53;
  --uowdf-color-navbar-gray: #f5f4f2;
  --uowdf-color-navbar-gray-rgb: 245, 244, 242;
  --uowdf-theme-banner: var(--uowdf-color-uo-legacy-green);
  --uowdf-theme-site-header: var(--uowdf-color-uo-green);
  --uowdf-theme-site-header-top: var(--uowdf-color-uo-legacy-green);
  --uowdf-theme-site-header-bottom: var(--uowdf-color-uo-green);
  --uowdf-theme-site-footer: #222222;
  --uowdf-theme-footer: var(--uowdf-color-black);
  --uowdf-theme-navbar: var(--uowdf-color-navbar-gray);
  --uowdf-theme-sidebar: var(--uowdf-color-navbar-gray);
  --uowdf-theme-title: var(--uowdf-color-uo-yellow);
  --uowdf-theme-text-dark: black;
  --uowdf-theme-text-light: white;
  --uowdf-theme-link-dark: var(--uowdf-color-uo-green);
  --uowdf-theme-link-dark-hover: black;
  --uowdf-theme-link-light: var(--uowdf-color-golden-yellow);
  --uowdf-theme-link-light-hover: white;
  --uowdf-theme-link-white: white;
  --uowdf-theme-link-white-hover: var(--uowdf-color-golden-yellow);
  --uowdf-theme-cta-dark: var(--uowdf-color-uo-green);
  --uowdf-theme-cta-light: var(--uowdf-color-uo-yellow);
  --uowdf-theme-accent-dark: var(--uowdf-color-uo-green);
  --uowdf-theme-accent-light: var(--uowdf-color-uo-yellow);
  --uowdf-theme-subdued-dark: var(--uowdf-color-dark-gray);
  --uowdf-theme-subdued-light: white;
  --uowdf-theme-mobilebg: var(--uowdf-color-uo-green);
}

:root {
  --uowdf-color-uo-green: #007030;
  --uowdf-color-uo-green-rgb: 0, 112, 48;
  --uowdf-color-uo-green-t9: #197e44;
  --uowdf-color-uo-green-t8: #338c59;
  --uowdf-color-uo-green-t7: #4c9a6d;
  --uowdf-color-uo-green-t6: #66a982;
  --uowdf-color-uo-green-t5: #7fb797;
  --uowdf-color-uo-green-t4: #99c6ac;
  --uowdf-color-uo-green-t3: #b2d4c0;
  --uowdf-color-uo-green-t2: #cce2d5;
  --uowdf-color-uo-green-t1: #e5f0ea;
  --uowdf-color-uo-yellow: #fee11a;
  --uowdf-color-uo-yellow-rgb: 254, 225, 26;
  --uowdf-color-uo-yellow-t9: #fee430;
  --uowdf-color-uo-yellow-t8: #fee747;
  --uowdf-color-uo-yellow-t7: #feea5e;
  --uowdf-color-uo-yellow-t6: #feed75;
  --uowdf-color-uo-yellow-t5: #fef08c;
  --uowdf-color-uo-yellow-t4: #fff3a3;
  --uowdf-color-uo-yellow-t3: #fff6b9;
  --uowdf-color-uo-yellow-t2: #fff9d1;
  --uowdf-color-uo-yellow-t1: #fffce7;
  --uowdf-color-uo-legacy-green: #104735;
  --uowdf-color-uo-legacy-green-rgb: 16, 71, 53;
  --uowdf-color-uo-legacy-green-t9: #275948;
  --uowdf-color-uo-legacy-green-t8: #3f6b5d;
  --uowdf-color-uo-legacy-green-t7: #577d71;
  --uowdf-color-uo-legacy-green-t6: #6f9085;
  --uowdf-color-uo-legacy-green-t5: #87a299;
  --uowdf-color-uo-legacy-green-t4: #9fb5ae;
  --uowdf-color-uo-legacy-green-t3: #b6c7c2;
  --uowdf-color-uo-legacy-green-t2: #cfdad6;
  --uowdf-color-uo-legacy-green-t1: #e6ecea;
  --uowdf-color-grass-green: #489d46;
  --uowdf-color-grass-green-rgb: 72, 157, 70;
  --uowdf-color-grass-green-t9: #59a658;
  --uowdf-color-grass-green-t8: #6cb06b;
  --uowdf-color-grass-green-t7: #7eba7d;
  --uowdf-color-grass-green-t6: #91c490;
  --uowdf-color-grass-green-t5: #a0cb9f;
  --uowdf-color-grass-green-t4: #b5d8b5;
  --uowdf-color-grass-green-t3: #c7e1c7;
  --uowdf-color-grass-green-t2: #daebda;
  --uowdf-color-grass-green-t1: #ecf5ec;
  --uowdf-color-lime-green: #8abb40;
  --uowdf-color-lime-green-rgb: 138, 187, 64;
  --uowdf-color-lime-green-t9: #95c152;
  --uowdf-color-lime-green-t8: #a1c866;
  --uowdf-color-lime-green-t7: #adcf79;
  --uowdf-color-lime-green-t6: #b9d68c;
  --uowdf-color-lime-green-t5: #c4dd9f;
  --uowdf-color-lime-green-t4: #d0e4b2;
  --uowdf-color-lime-green-t3: #dceac5;
  --uowdf-color-lime-green-t2: #e8f1d9;
  --uowdf-color-lime-green-t1: #f3f8eb;
  --uowdf-color-chartreuse: #e1e31b;
  --uowdf-color-chartreuse-rgb: 226, 227, 27;
  --uowdf-color-chartreuse-t9: #e4e330;
  --uowdf-color-chartreuse-t8: #e7e647;
  --uowdf-color-chartreuse-t7: #eae95e;
  --uowdf-color-chartreuse-t6: #edec75;
  --uowdf-color-chartreuse-t5: #f0ef8c;
  --uowdf-color-chartreuse-t4: #f3f3a3;
  --uowdf-color-chartreuse-t3: #f6f6b9;
  --uowdf-color-chartreuse-t2: #f9f9d1;
  --uowdf-color-chartreuse-t1: #fcfce7;
  --uowdf-color-dark-blue: #004f6e;
  --uowdf-color-dark-blue-rgb: 0, 79, 110;
  --uowdf-color-dark-blue-t9: #19607c;
  --uowdf-color-dark-blue-t8: #33728b;
  --uowdf-color-dark-blue-t7: #4c8399;
  --uowdf-color-dark-blue-t6: #6695a8;
  --uowdf-color-dark-blue-t5: #7fa6b6;
  --uowdf-color-dark-blue-t4: #99b8c5;
  --uowdf-color-dark-blue-t3: #b2cad3;
  --uowdf-color-dark-blue-t2: #ccdce2;
  --uowdf-color-dark-blue-t1: #e5edf0;
  --uowdf-color-light-blue: #00a5b5;
  --uowdf-color-light-blue-rgb: 0, 165, 181;
  --uowdf-color-light-blue-t9: #19adbc;
  --uowdf-color-light-blue-t8: #33b7c3;
  --uowdf-color-light-blue-t7: #4cc0cb;
  --uowdf-color-light-blue-t6: #66c9d2;
  --uowdf-color-light-blue-t5: #7fd2da;
  --uowdf-color-light-blue-t4: #99dbe1;
  --uowdf-color-light-blue-t3: #b2e4e9;
  --uowdf-color-light-blue-t2: #ccedf0;
  --uowdf-color-light-blue-t1: #e5f6f8;
  --uowdf-color-berry: #8d1d58;
  --uowdf-color-berry-rgb: 141, 29, 88;
  --uowdf-color-berry-t9: #983368;
  --uowdf-color-berry-t8: #a34a79;
  --uowdf-color-berry-t7: #af6089;
  --uowdf-color-berry-t6: #ba779a;
  --uowdf-color-berry-t5: #c68dab;
  --uowdf-color-berry-t4: #d1a4bc;
  --uowdf-color-berry-t3: #dcbacc;
  --uowdf-color-berry-t2: #e8d1dd;
  --uowdf-color-berry-t1: #f3e8ee;
  --uowdf-color-black: #000000;
  --uowdf-color-black-rgb: 0, 0, 0;
  --uowdf-color-dark-gray: #4d5859;
  --uowdf-color-dark-gray-rgb: 77, 88, 89;
  --uowdf-color-dark-gray-t9: #5e6869;
  --uowdf-color-dark-gray-t8: #70797a;
  --uowdf-color-dark-gray-t7: #82898a;
  --uowdf-color-dark-gray-t6: #949a9b;
  --uowdf-color-dark-gray-t5: #a5abab;
  --uowdf-color-dark-gray-t4: #b7bcbc;
  --uowdf-color-dark-gray-t3: #c9cccd;
  --uowdf-color-dark-gray-t2: #dbddde;
  --uowdf-color-dark-gray-t1: #edeeee;
  --uowdf-color-medium-gray: #a2aaad;
  --uowdf-color-medium-gray-rgb: 162, 170, 173;
  --uowdf-color-medium-gray-t9: #aab2b5;
  --uowdf-color-medium-gray-t8: #b1b9bc;
  --uowdf-color-medium-gray-t7: #b9c1c4;
  --uowdf-color-medium-gray-t6: #c1c9cc;
  --uowdf-color-medium-gray-t5: #c8d0d3;
  --uowdf-color-medium-gray-t4: #d0d8db;
  --uowdf-color-medium-gray-t3: #d8e0e3;
  --uowdf-color-medium-gray-t2: #dfe7ea;
  --uowdf-color-medium-gray-t1: #e7eff2;
  --uowdf-color-light-gray: #d8dcda;
  --uowdf-color-light-gray-rgb: 216, 220, 218;
  --uowdf-color-light-gray-t9: #dbdcdd;
  --uowdf-color-light-gray-t8: #dfe0e1;
  --uowdf-color-light-gray-t7: #e3e4e5;
  --uowdf-color-light-gray-t6: #e7e8e9;
  --uowdf-color-light-gray-t5: #ebecec;
  --uowdf-color-light-gray-t4: #eff0f0;
  --uowdf-color-light-gray-t3: #f3f4f4;
  --uowdf-color-light-gray-t2: #f7f8f8;
  --uowdf-color-light-gray-t1: #fbfbfb;
  --uowdf-color-white: #ffffff;
  --uowdf-color-white-rgb: 255, 255, 255;
  --uowdf-color-golden-yellow: #fed103;
  --uowdf-color-golden-yellow-rgb: 254, 209, 3;
  --uowdf-color-golden-yellow-t9: #fed51b;
  --uowdf-color-golden-yellow-t8: #feda35;
  --uowdf-color-golden-yellow-t7: #fede4e;
  --uowdf-color-golden-yellow-t6: #fee367;
  --uowdf-color-golden-yellow-t5: #fee880;
  --uowdf-color-golden-yellow-t4: #ffed9a;
  --uowdf-color-golden-yellow-t3: #fff1b2;
  --uowdf-color-golden-yellow-t2: #fff6cc;
  --uowdf-color-golden-yellow-t1: #fffbe5;
  --uowdf-color-red: #af272f;
  --uowdf-color-red-rgb: 175, 39, 47;
  --uowdf-color-dark-red: #832926;
  --uowdf-color-dark-red-rgb: 131, 41, 38;
  --uowdf-color-footer-gray: #2f3435;
  --uowdf-color-footer-gray-rgb: 47, 52, 53;
  --uowdf-color-navbar-gray: #f5f4f2;
  --uowdf-color-navbar-gray-rgb: 245, 244, 242;
  --uowdf-theme-banner: var(--uowdf-color-uo-legacy-green);
  --uowdf-theme-site-header: var(--uowdf-color-uo-green);
  --uowdf-theme-site-header-top: var(--uowdf-color-uo-legacy-green);
  --uowdf-theme-site-header-bottom: var(--uowdf-color-uo-green);
  --uowdf-theme-site-footer: #222222;
  --uowdf-theme-footer: var(--uowdf-color-black);
  --uowdf-theme-navbar: var(--uowdf-color-navbar-gray);
  --uowdf-theme-sidebar: var(--uowdf-color-navbar-gray);
  --uowdf-theme-title: var(--uowdf-color-uo-yellow);
  --uowdf-theme-text-dark: black;
  --uowdf-theme-text-light: white;
  --uowdf-theme-link-dark: var(--uowdf-color-uo-green);
  --uowdf-theme-link-dark-hover: black;
  --uowdf-theme-link-light: var(--uowdf-color-uo-yellow);
  --uowdf-theme-link-light-hover: white;
  --uowdf-theme-link-white: white;
  --uowdf-theme-link-white-hover: var(--uowdf-color-uo-yellow);
  --uowdf-theme-cta-dark: var(--uowdf-color-uo-green);
  --uowdf-theme-cta-light: var(--uowdf-color-uo-yellow);
  --uowdf-theme-accent-dark: var(--uowdf-color-uo-green);
  --uowdf-theme-accent-light: var(--uowdf-color-uo-yellow);
  --uowdf-theme-subdued-dark: var(--uowdf-color-dark-gray);
  --uowdf-theme-subdued-light: white;
  --uowdf-theme-mobilebg: var(--uowdf-color-uo-green);
}

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

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.align-middle {
  align-self: center;
}

:root {
  --context-text-color: var(--uowdf-theme-text-dark);
  --context-text-color-inverted: var(--uowdf-theme-text-light);
  --context-link-color: var(--uowdf-theme-link-dark);
  --context-link-hover-color: var(--uowdf-theme-link-dark-hover);
  --context-cta-background-color: var(--uowdf-theme-cta-dark);
  --context-accent-color: var(--uowdf-theme-accent-dark);
  --context-color-subdued: var(--uowdf-theme-subdued-dark);
  --context-color-dark-gray: var(--uowdf-color-dark-gray);
  --context-color-medium-gray: var(--uowdf-color-medium-gray);
  --context-color-light-gray: var(--uowdf-color-light-gray);
}

.context--foreground-light, #uobannerandfooter-uoankle, .site-footer, #uobannerandfooter-uofooter, #uobanner-sidebar, .captioned-photo, .feature, .envelope--style-black, .envelope--style-green, .uo-green-accent, .grass-green-accent, .pine-green-accent, .envelope--style-darkgray, .envelope--style-gray, .gray-accent, .longform-heading--background, .envelope-hero, .envelope-stories, .billboard {
  color: white;
  --fg-l: var(--uowdf-ON);
  --fg-d: var(--uowdf-OFF);
}

.context--foreground-dark, body, .white-accent, .envelope--style-black .white-accent {
  color: black;
  --fg-l: var(--uowdf-OFF);
  --fg-d: var(--uowdf-ON);
}

.context--foreground-light, #uobannerandfooter-uoankle, .site-footer, #uobannerandfooter-uofooter, #uobanner-sidebar, .captioned-photo, .feature, .envelope--style-black, .envelope--style-green, .uo-green-accent, .grass-green-accent, .pine-green-accent, .envelope--style-darkgray, .envelope--style-gray, .gray-accent, .longform-heading--background, .envelope-hero, .envelope-stories, .billboard {
  color: white;
  --context-text-color: var(--uowdf-theme-text-light);
  --context-text-color-inverted: var(--uowdf-theme-text-dark);
  --context-link-color: var(--uowdf-theme-link-light);
  --context-link-hover-color: var(--uowdf-theme-link-light-hover);
  --context-cta-background-color: var(--uowdf-theme-cta-light);
  --context-accent-color: var(--uowdf-theme-accent-light);
  --context-color-subdued: var(--uowdf-theme-subdued-light);
  --context-color-dark-gray: white;
  --context-color-medium-gray: white;
  --context-color-light-gray: white;
}

/*
.context--foreground-light {
  @extend %context--foreground-light;
}

body,
.context--foreground-dark {
  @extend %context--foreground-dark;
}
*/
body .yellow-accent, .envelope--style-yellow, div[class*=envelope--style] .yellow-accent {
  background-color: #fce675;
  color: #333;
}
body .yellow-accentbody .yellow-accent .cta-button, body .yellow-accent .envelope--style-yellow .cta-button, body .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button, .envelope--style-yellowbody .yellow-accent .cta-button, .envelope--style-yellow .envelope--style-yellow .cta-button, .envelope--style-yellow div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button, div[class*=envelope--style] .yellow-accentbody .yellow-accent .cta-button, div[class*=envelope--style] .yellow-accent .envelope--style-yellow .cta-button, div[class*=envelope--style] .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button {
  border: solid transparent 0;
  background: #f1d46a;
}
body .yellow-accentbody .yellow-accent .cta-button:hover, body .yellow-accentbody .yellow-accent .cta-button:active, body .yellow-accentbody .yellow-accent .cta-button:focus, body .yellow-accent .envelope--style-yellow .cta-button:hover, body .yellow-accent .envelope--style-yellow .cta-button:active, body .yellow-accent .envelope--style-yellow .cta-button:focus, body .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:hover, body .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:active, body .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:focus, .envelope--style-yellowbody .yellow-accent .cta-button:hover, .envelope--style-yellowbody .yellow-accent .cta-button:active, .envelope--style-yellowbody .yellow-accent .cta-button:focus, .envelope--style-yellow .envelope--style-yellow .cta-button:hover, .envelope--style-yellow .envelope--style-yellow .cta-button:active, .envelope--style-yellow .envelope--style-yellow .cta-button:focus, .envelope--style-yellow div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:hover, .envelope--style-yellow div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:active, .envelope--style-yellow div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:focus, div[class*=envelope--style] .yellow-accentbody .yellow-accent .cta-button:hover, div[class*=envelope--style] .yellow-accentbody .yellow-accent .cta-button:active, div[class*=envelope--style] .yellow-accentbody .yellow-accent .cta-button:focus, div[class*=envelope--style] .yellow-accent .envelope--style-yellow .cta-button:hover, div[class*=envelope--style] .yellow-accent .envelope--style-yellow .cta-button:active, div[class*=envelope--style] .yellow-accent .envelope--style-yellow .cta-button:focus, div[class*=envelope--style] .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:hover, div[class*=envelope--style] .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:active, div[class*=envelope--style] .yellow-accent div[class*=envelope--style] .yellow-accent :not(.white-accent) .cta-button:focus {
  background: #FFCE00 !important;
  color: #004f27 !important;
}

body .uo-green-accent, body .pine-green-accent, .envelope--style-green, div[class*=envelope--style] .uo-green-accent, div[class*=envelope--style] .pine-green-accent {
  background-color: var(--cos-color-uo-green, #036936);
}
body .uo-green-accentbody .uo-green-accent a:not(.cta-button), body .uo-green-accentbody .uo-green-accent a:link:not(.cta-button), body .uo-green-accentbody .uo-green-accent :link:not(.cta-button), body .uo-green-accentbody .uo-green-accent :visited:not(.cta-button), body .uo-green-accent body .pine-green-accent a:not(.cta-button), body .uo-green-accent body .pine-green-accent a:link:not(.cta-button), body .uo-green-accent body .pine-green-accent :link:not(.cta-button), body .uo-green-accent body .pine-green-accent :visited:not(.cta-button), body .uo-green-accent .envelope--style-green a:not(.cta-button), body .uo-green-accent .envelope--style-green a:link:not(.cta-button), body .uo-green-accent .envelope--style-green :link:not(.cta-button), body .uo-green-accent .envelope--style-green :visited:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button), body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button), body .pine-green-accentbody .uo-green-accent a:not(.cta-button), body .pine-green-accentbody .uo-green-accent a:link:not(.cta-button), body .pine-green-accentbody .uo-green-accent :link:not(.cta-button), body .pine-green-accentbody .uo-green-accent :visited:not(.cta-button), body .pine-green-accent body .pine-green-accent a:not(.cta-button), body .pine-green-accent body .pine-green-accent a:link:not(.cta-button), body .pine-green-accent body .pine-green-accent :link:not(.cta-button), body .pine-green-accent body .pine-green-accent :visited:not(.cta-button), body .pine-green-accent .envelope--style-green a:not(.cta-button), body .pine-green-accent .envelope--style-green a:link:not(.cta-button), body .pine-green-accent .envelope--style-green :link:not(.cta-button), body .pine-green-accent .envelope--style-green :visited:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button), body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button), .envelope--style-greenbody .uo-green-accent a:not(.cta-button), .envelope--style-greenbody .uo-green-accent a:link:not(.cta-button), .envelope--style-greenbody .uo-green-accent :link:not(.cta-button), .envelope--style-greenbody .uo-green-accent :visited:not(.cta-button), .envelope--style-green body .pine-green-accent a:not(.cta-button), .envelope--style-green body .pine-green-accent a:link:not(.cta-button), .envelope--style-green body .pine-green-accent :link:not(.cta-button), .envelope--style-green body .pine-green-accent :visited:not(.cta-button), .envelope--style-green .envelope--style-green a:not(.cta-button), .envelope--style-green .envelope--style-green a:link:not(.cta-button), .envelope--style-green .envelope--style-green :link:not(.cta-button), .envelope--style-green .envelope--style-green :visited:not(.cta-button), .envelope--style-green div[class*=envelope--style] .uo-green-accent a:not(.cta-button), .envelope--style-green div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button), .envelope--style-green div[class*=envelope--style] .uo-green-accent :link:not(.cta-button), .envelope--style-green div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button), .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button), .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button), .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button), .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button), div[class*=envelope--style] .uo-green-accentbody .uo-green-accent a:not(.cta-button), div[class*=envelope--style] .uo-green-accentbody .uo-green-accent a:link:not(.cta-button), div[class*=envelope--style] .uo-green-accentbody .uo-green-accent :link:not(.cta-button), div[class*=envelope--style] .uo-green-accentbody .uo-green-accent :visited:not(.cta-button), div[class*=envelope--style] .uo-green-accent body .pine-green-accent a:not(.cta-button), div[class*=envelope--style] .uo-green-accent body .pine-green-accent a:link:not(.cta-button), div[class*=envelope--style] .uo-green-accent body .pine-green-accent :link:not(.cta-button), div[class*=envelope--style] .uo-green-accent body .pine-green-accent :visited:not(.cta-button), div[class*=envelope--style] .uo-green-accent .envelope--style-green a:not(.cta-button), div[class*=envelope--style] .uo-green-accent .envelope--style-green a:link:not(.cta-button), div[class*=envelope--style] .uo-green-accent .envelope--style-green :link:not(.cta-button), div[class*=envelope--style] .uo-green-accent .envelope--style-green :visited:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button), div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button), div[class*=envelope--style] .pine-green-accentbody .uo-green-accent a:not(.cta-button), div[class*=envelope--style] .pine-green-accentbody .uo-green-accent a:link:not(.cta-button), div[class*=envelope--style] .pine-green-accentbody .uo-green-accent :link:not(.cta-button), div[class*=envelope--style] .pine-green-accentbody .uo-green-accent :visited:not(.cta-button), div[class*=envelope--style] .pine-green-accent body .pine-green-accent a:not(.cta-button), div[class*=envelope--style] .pine-green-accent body .pine-green-accent a:link:not(.cta-button), div[class*=envelope--style] .pine-green-accent body .pine-green-accent :link:not(.cta-button), div[class*=envelope--style] .pine-green-accent body .pine-green-accent :visited:not(.cta-button), div[class*=envelope--style] .pine-green-accent .envelope--style-green a:not(.cta-button), div[class*=envelope--style] .pine-green-accent .envelope--style-green a:link:not(.cta-button), div[class*=envelope--style] .pine-green-accent .envelope--style-green :link:not(.cta-button), div[class*=envelope--style] .pine-green-accent .envelope--style-green :visited:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button), div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button) {
  color: #fce675;
}
body .uo-green-accentbody .uo-green-accent a:not(.cta-button):hover, body .uo-green-accentbody .uo-green-accent a:not(.cta-button):active, body .uo-green-accentbody .uo-green-accent a:link:not(.cta-button):hover, body .uo-green-accentbody .uo-green-accent a:link:not(.cta-button):active, body .uo-green-accentbody .uo-green-accent :link:not(.cta-button):hover, body .uo-green-accentbody .uo-green-accent :link:not(.cta-button):active, body .uo-green-accentbody .uo-green-accent :visited:not(.cta-button):hover, body .uo-green-accentbody .uo-green-accent :visited:not(.cta-button):active, body .uo-green-accent body .pine-green-accent a:not(.cta-button):hover, body .uo-green-accent body .pine-green-accent a:not(.cta-button):active, body .uo-green-accent body .pine-green-accent a:link:not(.cta-button):hover, body .uo-green-accent body .pine-green-accent a:link:not(.cta-button):active, body .uo-green-accent body .pine-green-accent :link:not(.cta-button):hover, body .uo-green-accent body .pine-green-accent :link:not(.cta-button):active, body .uo-green-accent body .pine-green-accent :visited:not(.cta-button):hover, body .uo-green-accent body .pine-green-accent :visited:not(.cta-button):active, body .uo-green-accent .envelope--style-green a:not(.cta-button):hover, body .uo-green-accent .envelope--style-green a:not(.cta-button):active, body .uo-green-accent .envelope--style-green a:link:not(.cta-button):hover, body .uo-green-accent .envelope--style-green a:link:not(.cta-button):active, body .uo-green-accent .envelope--style-green :link:not(.cta-button):hover, body .uo-green-accent .envelope--style-green :link:not(.cta-button):active, body .uo-green-accent .envelope--style-green :visited:not(.cta-button):hover, body .uo-green-accent .envelope--style-green :visited:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):active, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):hover, body .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):active, body .pine-green-accentbody .uo-green-accent a:not(.cta-button):hover, body .pine-green-accentbody .uo-green-accent a:not(.cta-button):active, body .pine-green-accentbody .uo-green-accent a:link:not(.cta-button):hover, body .pine-green-accentbody .uo-green-accent a:link:not(.cta-button):active, body .pine-green-accentbody .uo-green-accent :link:not(.cta-button):hover, body .pine-green-accentbody .uo-green-accent :link:not(.cta-button):active, body .pine-green-accentbody .uo-green-accent :visited:not(.cta-button):hover, body .pine-green-accentbody .uo-green-accent :visited:not(.cta-button):active, body .pine-green-accent body .pine-green-accent a:not(.cta-button):hover, body .pine-green-accent body .pine-green-accent a:not(.cta-button):active, body .pine-green-accent body .pine-green-accent a:link:not(.cta-button):hover, body .pine-green-accent body .pine-green-accent a:link:not(.cta-button):active, body .pine-green-accent body .pine-green-accent :link:not(.cta-button):hover, body .pine-green-accent body .pine-green-accent :link:not(.cta-button):active, body .pine-green-accent body .pine-green-accent :visited:not(.cta-button):hover, body .pine-green-accent body .pine-green-accent :visited:not(.cta-button):active, body .pine-green-accent .envelope--style-green a:not(.cta-button):hover, body .pine-green-accent .envelope--style-green a:not(.cta-button):active, body .pine-green-accent .envelope--style-green a:link:not(.cta-button):hover, body .pine-green-accent .envelope--style-green a:link:not(.cta-button):active, body .pine-green-accent .envelope--style-green :link:not(.cta-button):hover, body .pine-green-accent .envelope--style-green :link:not(.cta-button):active, body .pine-green-accent .envelope--style-green :visited:not(.cta-button):hover, body .pine-green-accent .envelope--style-green :visited:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):active, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):hover, body .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):active, .envelope--style-greenbody .uo-green-accent a:not(.cta-button):hover, .envelope--style-greenbody .uo-green-accent a:not(.cta-button):active, .envelope--style-greenbody .uo-green-accent a:link:not(.cta-button):hover, .envelope--style-greenbody .uo-green-accent a:link:not(.cta-button):active, .envelope--style-greenbody .uo-green-accent :link:not(.cta-button):hover, .envelope--style-greenbody .uo-green-accent :link:not(.cta-button):active, .envelope--style-greenbody .uo-green-accent :visited:not(.cta-button):hover, .envelope--style-greenbody .uo-green-accent :visited:not(.cta-button):active, .envelope--style-green body .pine-green-accent a:not(.cta-button):hover, .envelope--style-green body .pine-green-accent a:not(.cta-button):active, .envelope--style-green body .pine-green-accent a:link:not(.cta-button):hover, .envelope--style-green body .pine-green-accent a:link:not(.cta-button):active, .envelope--style-green body .pine-green-accent :link:not(.cta-button):hover, .envelope--style-green body .pine-green-accent :link:not(.cta-button):active, .envelope--style-green body .pine-green-accent :visited:not(.cta-button):hover, .envelope--style-green body .pine-green-accent :visited:not(.cta-button):active, .envelope--style-green .envelope--style-green a:not(.cta-button):hover, .envelope--style-green .envelope--style-green a:not(.cta-button):active, .envelope--style-green .envelope--style-green a:link:not(.cta-button):hover, .envelope--style-green .envelope--style-green a:link:not(.cta-button):active, .envelope--style-green .envelope--style-green :link:not(.cta-button):hover, .envelope--style-green .envelope--style-green :link:not(.cta-button):active, .envelope--style-green .envelope--style-green :visited:not(.cta-button):hover, .envelope--style-green .envelope--style-green :visited:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .uo-green-accent a:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .uo-green-accent a:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):active, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):hover, .envelope--style-green div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):active, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent a:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent a:not(.cta-button):active, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent a:link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent a:link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent :link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent :link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent :visited:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accentbody .uo-green-accent :visited:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent body .pine-green-accent a:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent body .pine-green-accent a:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent body .pine-green-accent a:link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent body .pine-green-accent a:link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent body .pine-green-accent :link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent body .pine-green-accent :link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent body .pine-green-accent :visited:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent body .pine-green-accent :visited:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent .envelope--style-green a:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent .envelope--style-green a:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent .envelope--style-green a:link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent .envelope--style-green a:link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent .envelope--style-green :link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent .envelope--style-green :link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent .envelope--style-green :visited:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent .envelope--style-green :visited:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):active, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):hover, div[class*=envelope--style] .uo-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):active, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent a:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent a:not(.cta-button):active, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent a:link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent a:link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent :link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent :link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent :visited:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accentbody .uo-green-accent :visited:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent body .pine-green-accent a:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent body .pine-green-accent a:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent body .pine-green-accent a:link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent body .pine-green-accent a:link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent body .pine-green-accent :link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent body .pine-green-accent :link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent body .pine-green-accent :visited:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent body .pine-green-accent :visited:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent .envelope--style-green a:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent .envelope--style-green a:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent .envelope--style-green a:link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent .envelope--style-green a:link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent .envelope--style-green :link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent .envelope--style-green :link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent .envelope--style-green :visited:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent .envelope--style-green :visited:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent a:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent a:link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent :link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .uo-green-accent :visited:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) a:link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :link:not(.cta-button):active, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):hover, div[class*=envelope--style] .pine-green-accent div[class*=envelope--style] .pine-green-accent :not(.white-accent) :visited:not(.cta-button):active {
  color: #FFCE00;
}

/*body .yellow-accent, div[class*="envelope--style"] .yellow-accent {
background-color: #fce675;
color: #333;
}*/
body .uo-green-accent, div[class*=envelope--style] .uo-green-accent, .es-full .uoes-subelement-frame.uo-green-accent, .uo-green-accent {
  background-color: var(--cos-color-uo-green, #036936);
}

body .grass-green-accent, div[class*=envelope--style] .grass-green-accent, .es-full .uoes-subelement-frame.grass-green-accent, .grass-green-accent {
  background-color: #5ea700;
  color: #fff;
}

body .pine-green-accent, div[class*=envelope--style] .pine-green-accent, .es-full .uoes-subelement-frame.pine-green-accent, .pine-green-accent {
  background-color: var(--cos-color-pine-green, #20883f);
}

body .gray-accent, div[class*=envelope--style] .gray-accent, .es-full .uoes-subelement-frame.gray-accent, .gray-accent {
  background-color: #4d5859;
  border-color: #4d5859;
}

body .light-gray-accent, div[class*=envelope--style] .light-gray-accent, .es-full .uoes-subelement-frame.light-gray-accent, .light-gray-accent {
  background-color: #e7e7e8;
  color: #333;
}

body .white-accent, body.white-accent, div[class*=envelope--style] .white-accent, div[class*=envelope--style].white-accent, .es-full .uoes-subelement-frame.white-accent, .white-accent {
  background-color: #fff;
  /*
    * {
    color: initial;
  }
  .cta-button{
  border: solid black 2px;
  &:link{
  color: #333333;
  }
  &:hover{
  background-color: #036936;
  background-color: var(--cos-theme-cta-dark, #036936);
  color: white;
  }
  }
  */
}

body [class$=accent] h1, body [class$=accent] h2, body [class$=accent] h3, body [class$=accent] h4, body [class$=accent] h5, body [class$=accent] h6 {
  color: inherit;
}

.feature-text {
  font-size: 1.35em;
  line-height: 1.5em;
}

.feature-text-subdued {
  font-size: 1.2em;
  line-height: 1.5em;
  color: #333333;
}

.text-subdued {
  color: #777;
  font-size: 0.9em;
}

/*.title{
  font-family: $fonts-quadon-light-optional;
  .fonts-brand & {
    font-family: $fonts-quadon-light-optional;
  }
}*/
.envelope-stories__story .envelope-stories__photo.black-shade:after, body .black-shade:after {
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.1) 100%);
}

.envelope-stories__story .envelope-stories__photo.no-shade:after, body .no-shade:after {
  background: none !important;
}

.text-accent-no-color {
  color: transparent !important;
}

.text-accent-uo-green {
  color: #007030 !important;
}

.text-accent-uo-yellow {
  color: #fee11a !important;
}

.text-accent-uo-legacy-green {
  color: #104735 !important;
}

.text-accent-grass-green {
  color: #489d46 !important;
}

.text-accent-lime-green {
  color: #8abb40 !important;
}

.text-accent-chartreuse {
  color: #e1e31b !important;
}

.text-accent-dark-blue {
  color: #004f6e !important;
}

.text-accent-light-blue {
  color: #00a5b5 !important;
}

.text-accent-berry {
  color: #8d1d58 !important;
}

.text-accent-black {
  color: #000000 !important;
}

.text-accent-dark-gray {
  color: #4d5859 !important;
}

.text-accent-medium-gray {
  color: #a2aaad !important;
}

.text-accent-light-gray {
  color: #d8dcda !important;
}

.text-accent-white {
  color: #ffffff !important;
}

.text-accent-golden-yellow {
  color: #fed103 !important;
}

/*@import "base/links/links";*/
.block.border-filter-box {
  border: #d7d7d7 1px solid;
  color: #5f6062;
  padding: 15px;
}
.block.border-filter-box .block-title {
  color: #024f28;
  margin-top: 0;
}
.block.border-filter-box .views-widget:last-of-type {
  margin-bottom: 1em;
}
.block.border-filter-box .views-widget input[type=text] {
  height: 50px;
  width: 100%;
  padding-left: 20px;
  padding-right: 68px;
  background: #e7e7e7;
  border: none;
  margin-top: 10px;
}
.block.border-filter-box .views-exposed-form .views-exposed-widget {
  padding-left: 0;
  padding-right: 0;
}
.block.border-filter-box .views-exposed-form .views-exposed-widget > label {
  text-transform: uppercase;
  margin-top: 1em;
  border-top: 1px solid #5f6062;
}
.block.border-filter-box .views-exposed-form .views-exposed-widget:first-of-type label {
  margin-top: 0;
}
.block.border-filter-box .views-exposed-form .views-submit-button, .block.border-filter-box .views-exposed-form .views-reset-button {
  width: 100%;
}
.block.border-filter-box .views-exposed-form .views-submit-button > .cta-button, .block.border-filter-box .views-exposed-form .views-reset-button > .cta-button {
  width: 100%;
}
.block.border-filter-box .form-submit:nth-of-type(1n+1) {
  margin-top: 0.5em;
}

/*.views-exposed-form .views-exposed-widget {
padding:0;
}*/
@media (max-width: 659px) {
  .views-exposed-form .views-exposed-widget {
    width: 100%;
  }
  .views-exposed-form .views-exposed-widget select, .views-exposed-form .views-exposed-widget input[type=text] {
    width: 100%;
  }
}
/*
**
** renamed .rfi* to .uowf
** Example: .rfi-header-title > .uowf-header-title
**
*/
.node-webform fieldset {
  border: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
}
.node-webform legend {
  display: none;
}
.node-webform .grid__item.webform-component {
  margin: 0 1.5em 1.5em 0;
  padding-right: 1.5em;
}
.node-webform select, .node-webform input.form-text {
  border-radius: 4px !important;
  border: 1px solid silver;
  line-height: 2em;
  height: 2.5em;
  width: 100%;
}
.node-webform select.month,
.node-webform select.day,
.node-webform select.year {
  width: 30%;
}
.node-webform .webform-progressbar {
  margin: 1em auto 7em auto;
  width: 75%;
}
.node-webform .webform-progressbar-outer {
  border-color: #0c704a;
  background-color: #0c704a;
  margin-top: 50px;
}
.node-webform .webform-progressbar-inner {
  background-color: #0c704a;
  margin-top: -22px;
  display: none;
}
.node-webform .webform-progressbar-page {
  border-color: #0c704a;
  background-color: #0c704a;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-top: -23px;
}
.node-webform .webform-progressbar-page.current {
  background-color: white;
  font-weight: bold;
}
.node-webform .webform-progressbar-page.completed {
  background-color: #0c704a;
}
.node-webform .webform-progressbar-page-number {
  display: block !important;
  clear: both;
  color: white;
  font-weight: bold;
  font-size: 25px;
  margin-top: 12px;
  margin-bottom: 10px;
}
.node-webform .webform-progressbar-page.current .webform-progressbar-page-number {
  color: #0c704a;
}
@media screen and (min-width: 10px) and (max-width: 460px) {
  .node-webform .webform-progressbar-page-label {
    display: none;
  }
  .node-webform .webform-progressbar-page.current .webform-progressbar-page-label {
    display: inline;
  }
}
.node-webform .webform-previous, .node-webform .webform-next {
  margin-right: 2em;
  background-color: white;
}

.padded {
  padding: 15px !important;
}

.padded-20 {
  padding: 20px !important;
}

.padded-0-20 {
  padding: 0 20px !important;
}

.padded-30 {
  padding: 30px !important;
}

body.uo_nightfall header.site-header {
  background: #222 none repeat scroll 0 0;
}
body.uo_nightfall header.site-header .site-header__site-link:hover, body.uo_nightfall header.site-header .site-header__site-link:active, body.uo_nightfall header.site-header .site-header__site-name:hover, body.uo_nightfall header.site-header .site-header__site-name:active {
  color: #fff;
}

body.uo_nightfall .uoheader {
  background-color: #034b25;
}

/********* NIGHTFALL ACCENT SEARCH BOX *********/
body.uo_nightfall .region.region-search, body.uo_nightfall #uobanner-sidebar .block-search {
  position: relative;
}
body.uo_nightfall .region.region-search .form-search, body.uo_nightfall #uobanner-sidebar .block-search .form-search {
  outline: none;
  border: 1px solid white;
  background: #111;
  border-color: #024F28;
}
body.uo_nightfall #uobanner-sidebar .block-search .form-text {
  border-color: #024F28;
}

/********* /NIGHTFALL ACCENT SEARCH BOX *********/
/********* APOLLO ACCENT SEARCH BOX *********/
body.uo_apollo {
  /*.uowdf-mobile-menu__button{
    background: transparent url("../images/icon-menu-green.svg") no-repeat center center;
    &:after{
      color: #015229;
    }
  }*/
}
body.uo_apollo .uoheader {
  background-color: #222;
}
body.uo_apollo header.site-header {
  background: #fff none repeat scroll 0 0;
}
body.uo_apollo header.site-header .site-header__site-link, body.uo_apollo header.site-header .site-header__site-name {
  color: #004f27 !important;
}
body.uo_apollo header.site-header .site-header__site-link:hover, body.uo_apollo header.site-header .site-header__site-link:active, body.uo_apollo header.site-header .site-header__site-name:hover, body.uo_apollo header.site-header .site-header__site-name:active {
  color: black !important;
}
body.uo_apollo header.site-header .site-header__site-slogan, body.uo_apollo header.site-header .site-header__site-title-before, body.uo_apollo header.site-header .site-header__site-title-after {
  color: black !important;
}
body.uo_apollo .region.region-search, body.uo_apollo #uobanner-sidebar .block-search {
  position: relative;
}
body.uo_apollo .region.region-search .form-search, body.uo_apollo #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.uo_apollo .region.region-search .form-submit, body.uo_apollo #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}
body.uo_apollo #uobanner-sidebar .block-search .form-text {
  border-color: #024F28;
}
body.uo_apollo .search-box__submit, body.uo_apollo .site-header__search-button {
  background: transparent url("../images/icon-search-green.svg") no-repeat center center;
}

body.uo_apollo .region.region-search, body.uo_apollo #uobanner-sidebar .block-search {
  position: relative;
}
body.uo_apollo .region.region-search .form-search, body.uo_apollo #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.uo_apollo .region.region-search .form-submit, body.uo_apollo #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}

/********* /APOLLO ACCENT SEARCH BOX *********/
/********* Stardust ACCENT SEARCH BOX *********/
body.uo_stardust.path-frontpage header.site-header {
  display: none;
}
body.uo_stardust.path-frontpage:not(.user-logged-in) .navigation-bar {
  background: transparent;
  position: absolute;
}
body.uo_stardust.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu {
  background: transparent;
}
body.uo_stardust.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu li.menu-item a {
  color: #fff;
}
body.uo_stardust.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu li.menu-item a:hover, body.uo_stardust.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu li.menu-item a:active {
  color: #ddd;
  background: none;
  text-decoration: underline;
}
body.uo_stardust header.site-header {
  background: #222 none repeat scroll 0 0;
}
body.uo_stardust header.site-header .site-header__site-link:hover, body.uo_stardust header.site-header .site-header__site-link:active, body.uo_stardust header.site-header .site-header__site-name:hover, body.uo_stardust header.site-header .site-header__site-name:active {
  color: #fff;
}
body.uo_stardust header.site-header .region.region-search, body.uo_stardust header.site-header #uobanner-sidebar .block-search {
  position: relative;
}
body.uo_stardust header.site-header .region.region-search .form-search, body.uo_stardust header.site-header #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.uo_stardust header.site-header .region.region-search .form-submit, body.uo_stardust header.site-header #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}
body.uo_stardust header.site-header #uobanner-sidebar .block-search .form-text {
  border-color: #024F28;
}
body.uo_stardust .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) {
  justify-content: flex-end;
  display: flex;
  margin-left: auto;
  background-color: yellow;
}
body.uo_stardust .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) a {
  color: #124734;
}
body.uo_stardust .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) a:hover, body.uo_stardust .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) a:active {
  color: #124734;
  background-color: yellow;
}

body.uo_stardust .region.region-search, body.uo_stardust #uobanner-sidebar .block-search {
  position: relative;
}
body.uo_stardust .region.region-search .form-search, body.uo_stardust #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.uo_stardust .region.region-search .form-submit, body.uo_stardust #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}

/********* /Stardust ACCENT SEARCH BOX *********/
/********* APOLLO ACCENT SEARCH BOX *********/
body.maintenance-page .uoheader {
  background-color: #222;
}
body.maintenance-page header.site-header {
  background: #fff none repeat scroll 0 0 !important;
}
body.maintenance-page header.site-header .site-header__site-link, body.maintenance-page header.site-header .site-header__site-name {
  color: #004f27 !important;
}
body.maintenance-page header.site-header .site-header__site-link:hover, body.maintenance-page header.site-header .site-header__site-link:active, body.maintenance-page header.site-header .site-header__site-name:hover, body.maintenance-page header.site-header .site-header__site-name:active {
  color: black !important;
}
body.maintenance-page header.site-header .site-header__site-slogan, body.maintenance-page header.site-header .site-header__site-title-before, body.maintenance-page header.site-header .site-header__site-title-after {
  color: black !important;
}
body.maintenance-page .region.region-search, body.maintenance-page #uobanner-sidebar .block-search {
  position: relative;
}
body.maintenance-page .region.region-search .form-search, body.maintenance-page #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.maintenance-page .region.region-search .form-submit, body.maintenance-page #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}
body.maintenance-page #uobanner-sidebar .block-search .form-text {
  border-color: #024F28;
}

/********* NO TITLE ACCENT SEARCH BOX *********/
body.cosmic-hide-title.path-frontpage header.site-header {
  display: none;
}
body.cosmic-hide-title.path-frontpage:not(.user-logged-in).menu_overlay .navigation-bar {
  background: transparent;
  position: absolute;
}
body.cosmic-hide-title.path-frontpage:not(.user-logged-in).menu_overlay .navigation-bar .region.region-primary-menu {
  background: transparent;
}
body.cosmic-hide-title.path-frontpage:not(.user-logged-in).menu_overlay .navigation-bar .region.region-primary-menu li.menu-item a {
  color: #fff;
}
body.cosmic-hide-title.path-frontpage:not(.user-logged-in).menu_overlay .navigation-bar .region.region-primary-menu li.menu-item a:hover, body.cosmic-hide-title.path-frontpage:not(.user-logged-in).menu_overlay .navigation-bar .region.region-primary-menu li.menu-item a:active, body.cosmic-hide-title.path-frontpage:not(.user-logged-in).menu_overlay .navigation-bar .region.region-primary-menu li.menu-item a:focus {
  color: #ddd;
  background: none;
  text-decoration: underline;
}
body.cosmic-hide-title header.site-header .region.region-search, body.cosmic-hide-title header.site-header #uobanner-sidebar .block-search {
  position: relative;
}
body.cosmic-hide-title header.site-header .region.region-search .form-search, body.cosmic-hide-title header.site-header #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.cosmic-hide-title header.site-header .region.region-search .form-submit, body.cosmic-hide-title header.site-header #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}
body.cosmic-hide-title header.site-header #uobanner-sidebar .block-search .form-text {
  border-color: #024F28;
}
body.cosmic-hide-title.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) {
  justify-content: flex-end;
  display: flex;
  margin-left: auto;
  background-color: yellow;
}
body.cosmic-hide-title.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) a {
  color: #124734;
}
body.cosmic-hide-title.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) a:hover, body.cosmic-hide-title.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type:not(:first-of-type) a:active {
  color: #124734;
  background-color: yellow;
}

body.path-frontpage.cosmic-hide-title .region.region-search, body.path-frontpage.cosmic-hide-title #uobanner-sidebar .block-search {
  position: relative;
}
body.path-frontpage.cosmic-hide-title .region.region-search .form-search, body.path-frontpage.cosmic-hide-title #uobanner-sidebar .block-search .form-search {
  background: #fff;
  border: 1px solid #ddd;
  outline: none;
  color: #777;
}
body.path-frontpage.cosmic-hide-title .region.region-search .form-submit, body.path-frontpage.cosmic-hide-title #uobanner-sidebar .block-search .form-submit {
  background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
  background-color: transparent;
  min-width: 46px;
  width: 32px !important;
}

/********* /NO TITLE ACCENT SEARCH BOX *********/
/********* SOCIAL MEDIA FOOTER ICON ACCENTS *********/
[class*=ssem-socialicon-] {
  background-image: url(../images/social-sprite-hires.png);
}

.ssem-socialicon-beaduck {
  background-position: -397px 0;
}

/********* /SOCIAL MEDIA FOOTER ICON ACCENTS *********/
/**
* Remove this style due to conflict with Cosmic 25.1 Responsive styles.
@media all and (max-width: $breakpoint-desktop) {
  // Marketing page layout style, mobile needs to release the grid-template-columns;
  .page-node-type-marketing-page {
    .layout {
      grid-template-columns: none;
    }
  }
}
*/
.page-node-type-profile .layout .field.field--type-image {
  display: block !important;
}

@media all and (max-width: 660px) {
  .page-node-type-profile .layout.layout--twocol-section.layout--twocol-section--33-67 {
    padding: 0;
    margin: 0;
  }
  .page-node-type-profile .layout.layout--twocol-section.layout--twocol-section--33-67 .field {
    display: flex;
  }
  .page-node-type-profile .layout .field.field--type-image img {
    width: 100%;
  }
}
@media all and (min-width: 660px) {
  .page-node-type-profile .layout.layout--twocol-section.layout--twocol-section--33-67 {
    padding: 0;
    margin: 0;
  }
  .page-node-type-profile .layout.layout--twocol-section.layout--twocol-section--33-67 .field {
    display: flex;
  }
  .page-node-type-profile .layout.layout--onecol {
    grid-template-columns: auto;
  }
}
.background-image__container {
  background-size: cover;
  background-position: center center;
}
.background-image__container.bg-lightyellow-2 {
  background-image: url(../images/backgrounds/bg-lightyellow-2.png);
}
.background-image__container.bg-green-3 {
  background-image: url(../images/backgrounds/bg-green-3.png);
}
.background-image__container.bg-green-4 {
  background-image: url(../images/backgrounds/bg-green-4.png);
}
.background-image__container.bg-yellow-2 {
  background-image: url(../images/backgrounds/bg-yellow-2.png);
}
.background-image__container.bg-yellow-3 {
  background-image: url(../images/backgrounds/bg-yellow-3.png);
}
.background-image__container.bg-yellow-6 {
  background-image: url(../images/backgrounds/bg-yellow-6.png);
}

/*%context--foreground-light {
  .cta-button {
    color: white !important;
    border-color: white;

    a {
      color: white;
    }

    &:hover,
    &:focus {
      color: #333333 !important;
      background-color: $color-uo-yellow;
      background-color: var(--cos-theme-cta-light, $color-uo-yellow);
      border-color: #333333;
    }
  }
}
.context--foreground-light {
  .cta-button {
    color: white;
    border-color: white;

    a {
      color: white;
    }

    &:hover,
    &:focus {
      color: #333333;
      background-color: $color-uo-yellow;
      background-color: var(--cos-theme-cta-light, $color-uo-yellow);
      border-color: #333333;
    }
  }
}*/
.grid.grid--flex:not(.card--group) .grid__item p {
  display: flex;
  height: 100%;
}
.grid.grid--flex:not(.card--group) .grid__item p .cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
}
.grid.grid--flex:not(.card--group) .grid__item > .cta-button {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}

body .cta-button.cta--style-yellow, .envelope .cta-button.cta--style-yellow {
  background-color: var(--context-cta-background-color, #007030);
  color: var(--context-text-color-inverted, #000000) !important;
  border-color: var(--context-text-color-inverted, #000000);
  text-shadow: none;
}
body .cta-button.cta--style-yellow:hover, .envelope .cta-button.cta--style-yellow:hover {
  filter: brightness(1.25);
  color: #fff !important;
  background-color: var(--uowdf-color-uo-green, #007030);
  border-color: var(--uowdf-color-uo-green, #007030) !important;
}

.grid__item > a.cta-button {
  /* flex-grow: 1; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.cta-button[itemprop=telephone] a:link {
  color: inherit;
}

.button-photo {
  /*font-family: $glegoo;*/
}
.button-photo .media.media--type-image.media--view-mode-default {
  display: initial;
}

.grid.grid--3col.grid--25-50 .button-photo.button-photo--bottom-gradient {
  display: inline-grid;
}

.grid.card--group, .card--group {
  margin: 0;
  justify-content: space-between;
}
.grid.card--group .view-content, .card--group .view-content {
  margin: 0;
}
.grid.card--group .full-width, .card--group .full-width {
  width: 100%;
}
.grid.card--group .grid__item, .card--group .grid__item {
  max-width: 100%;
  flex-basis: 100%;
  display: flex;
  flex-direction: column;
}
.grid.card--group .grid__item.bordered, .card--group .grid__item.bordered {
  border: 1px solid #d5d5d5;
}
.grid.card--group .card--title, .card--group .card--title {
  margin: 0;
}
.grid.card--group .card__details, .card--group .card__details {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.grid.card--group .card__details .card--grow-1x, .card--group .card__details .card--grow-1x {
  flex-grow: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.grid.card--group .card__detail, .card--group .card__detail {
  display: flex;
  flex-direction: column;
}
.grid.card--group .card__detail.bordered, .card--group .card__detail.bordered {
  border: 1px solid #d5d5d5;
}
.grid.card--group .card__detail.card__detail_row, .card--group .card__detail.card__detail_row {
  flex-direction: row;
  justify-content: space-between;
}
.grid.card--group .card__detail .card__description, .card--group .card__detail .card__description {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.grid.card--group .card__detail .card__info h3, .card--group .card__detail .card__info h3 {
  margin-bottom: 0;
}
.grid.card--group .card__detail .card__photo img, .card--group .card__detail .card__photo img {
  width: 100%;
}

@media (max-width: 900px) and (min-width: 660px) {
  .grid.card--group .grid__item, .view.grid.card--group .grid__item {
    max-width: calc(50% - 15px);
    flex-basis: 50%;
  }
}
@media (min-width: 901px) {
  .grid.grid--1col.card--group .grid__item, .view.grid.grid--1col.card--group .grid__item, .one-sidebar .view.grid.grid--1col.card--group .grid__item {
    max-width: calc((100% - 30px * (1 - 1)) / 1);
    max-width: calc(100% / 1);
    min-width: auto;
  }
  .grid.grid--1col.card--group.grid--strict, .view.grid.grid--1col.card--group.grid--strict, .one-sidebar .view.grid.grid--1col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--1col.card--group .grid__item, .view.grid.grid--1col.card--group .grid__item, .one-sidebar .view.grid.grid--1col.card--group .grid__item {
    max-width: calc((100% - 30px * (1 - (1 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--1col.card--group.grid--strict, .view.grid.grid--1col.card--group.grid--strict, .one-sidebar .view.grid.grid--1col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--1col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--1col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--1col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--1col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--1col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--1col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--1col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (1 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--1col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--1col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--1col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 901px) {
  .grid.grid--2col.card--group .grid__item, .view.grid.grid--2col.card--group .grid__item, .one-sidebar .view.grid.grid--2col.card--group .grid__item {
    max-width: calc((100% - 30px * (2 - 1)) / 2);
    max-width: calc(100% / 2);
    min-width: auto;
  }
  .grid.grid--2col.card--group.grid--strict, .view.grid.grid--2col.card--group.grid--strict, .one-sidebar .view.grid.grid--2col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--2col.card--group .grid__item, .view.grid.grid--2col.card--group .grid__item, .one-sidebar .view.grid.grid--2col.card--group .grid__item {
    max-width: calc((100% - 30px * (2 - (2 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--2col.card--group.grid--strict, .view.grid.grid--2col.card--group.grid--strict, .one-sidebar .view.grid.grid--2col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--2col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--2col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--2col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--2col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--2col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--2col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--2col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (2 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--2col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--2col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--2col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 901px) {
  .grid.grid--3col.card--group .grid__item, .view.grid.grid--3col.card--group .grid__item, .one-sidebar .view.grid.grid--3col.card--group .grid__item {
    max-width: calc((100% - 30px * (3 - 1)) / 3);
    max-width: calc(100% / 3);
    min-width: auto;
  }
  .grid.grid--3col.card--group.grid--strict, .view.grid.grid--3col.card--group.grid--strict, .one-sidebar .view.grid.grid--3col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--3col.card--group .grid__item, .view.grid.grid--3col.card--group .grid__item, .one-sidebar .view.grid.grid--3col.card--group .grid__item {
    max-width: calc((100% - 30px * (3 - (3 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--3col.card--group.grid--strict, .view.grid.grid--3col.card--group.grid--strict, .one-sidebar .view.grid.grid--3col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--3col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--3col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--3col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--3col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--3col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--3col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--3col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (3 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--3col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--3col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--3col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 901px) {
  .grid.grid--4col.card--group .grid__item, .view.grid.grid--4col.card--group .grid__item, .one-sidebar .view.grid.grid--4col.card--group .grid__item {
    max-width: calc((100% - 30px * (4 - 1)) / 4);
    max-width: calc(100% / 4);
    min-width: auto;
  }
  .grid.grid--4col.card--group.grid--strict, .view.grid.grid--4col.card--group.grid--strict, .one-sidebar .view.grid.grid--4col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--4col.card--group .grid__item, .view.grid.grid--4col.card--group .grid__item, .one-sidebar .view.grid.grid--4col.card--group .grid__item {
    max-width: calc((100% - 30px * (4 - (4 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--4col.card--group.grid--strict, .view.grid.grid--4col.card--group.grid--strict, .one-sidebar .view.grid.grid--4col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--4col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--4col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--4col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--4col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--4col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--4col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--4col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (4 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--4col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--4col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--4col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 901px) {
  .grid.grid--5col.card--group .grid__item, .view.grid.grid--5col.card--group .grid__item, .one-sidebar .view.grid.grid--5col.card--group .grid__item {
    max-width: calc((100% - 30px * (5 - 1)) / 5);
    max-width: calc(100% / 5);
    min-width: auto;
  }
  .grid.grid--5col.card--group.grid--strict, .view.grid.grid--5col.card--group.grid--strict, .one-sidebar .view.grid.grid--5col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--5col.card--group .grid__item, .view.grid.grid--5col.card--group .grid__item, .one-sidebar .view.grid.grid--5col.card--group .grid__item {
    max-width: calc((100% - 30px * (5 - (5 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--5col.card--group.grid--strict, .view.grid.grid--5col.card--group.grid--strict, .one-sidebar .view.grid.grid--5col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--5col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--5col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--5col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--5col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--5col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--5col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--5col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (5 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--5col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--5col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--5col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 901px) {
  .grid.grid--6col.card--group .grid__item, .view.grid.grid--6col.card--group .grid__item, .one-sidebar .view.grid.grid--6col.card--group .grid__item {
    max-width: calc((100% - 30px * (6 - 1)) / 6);
    max-width: calc(100% / 6);
    min-width: auto;
  }
  .grid.grid--6col.card--group.grid--strict, .view.grid.grid--6col.card--group.grid--strict, .one-sidebar .view.grid.grid--6col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--6col.card--group .grid__item, .view.grid.grid--6col.card--group .grid__item, .one-sidebar .view.grid.grid--6col.card--group .grid__item {
    max-width: calc((100% - 30px * (6 - (6 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--6col.card--group.grid--strict, .view.grid.grid--6col.card--group.grid--strict, .one-sidebar .view.grid.grid--6col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--6col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--6col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--6col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--6col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--6col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--6col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--6col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (6 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--6col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--6col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--6col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (min-width: 901px) {
  .grid.grid--10col.card--group .grid__item, .view.grid.grid--10col.card--group .grid__item, .one-sidebar .view.grid.grid--10col.card--group .grid__item {
    max-width: calc((100% - 30px * (10 - 1)) / 10);
    max-width: calc(100% / 10);
    min-width: auto;
  }
  .grid.grid--10col.card--group.grid--strict, .view.grid.grid--10col.card--group.grid--strict, .one-sidebar .view.grid.grid--10col.card--group.grid--strict {
    justify-content: flex-start;
  }
}
@media (max-width: 900px) and (min-width: 660px) {
  .grid.grid--10col.card--group .grid__item, .view.grid.grid--10col.card--group .grid__item, .one-sidebar .view.grid.grid--10col.card--group .grid__item {
    max-width: calc((100% - 30px * (10 - (10 - 1)) px) / 2);
    min-width: auto;
  }
  .grid.grid--10col.card--group.grid--strict, .view.grid.grid--10col.card--group.grid--strict, .one-sidebar .view.grid.grid--10col.card--group.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--10col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .view.grid.grid--10col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--10col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
  .grid.grid--10col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .view.grid.grid--10col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type, .one-sidebar .view.grid.grid--10col.card--group.grid--strict .grid__item:not(:nth-of-type(2n)):last-of-type {
    margin: 0 auto;
  }
  .grid.grid--10col.cards.resource-cards .grid__item {
    max-width: calc((100% - 30px * (10 - 2) px) / 2);
    min-width: auto;
  }
  .grid.grid--10col.cards.resource-cards .grid__item:last-of-type {
    max-width: 100%;
  }
  .grid.grid--10col.cards.resource-cards.grid--strict {
    justify-content: flex-start;
  }
  .grid.grid--10col.cards.resource-cards.grid--strict .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
.grid.grid--2col-60-40.card--group .grid__item {
  flex-basis: 65%;
  flex-direction: column;
  max-width: calc(65% - 30px);
}
.grid.grid--2col-60-40.card--group .grid__item:nth-of-type(even) {
  flex-basis: 35%;
  margin-right: 0;
  max-width: 35%;
  flex-direction: column;
}

@media (max-width: 659px) {
  .grid.grid--2col-60-40.card--group .grid__item, .grid.grid--2col-60-40.card--group .grid__item:nth-of-type(even) {
    flex-basis: 100%;
    max-width: 100%;
    margin: 0;
  }
}
/* CARD GRIDS */
.grid.cards, .view.grid.cards {
  margin: 0;
}
.grid.cards .view-content, .view.grid.cards .view-content {
  margin: 0;
  justify-content: space-between;
}
.grid.cards .grid__item, .view.grid.cards .grid__item {
  background: #fff;
  border: 1px solid #d5d5d5;
  padding: 0;
  margin-top: 0;
  margin-bottom: 30px;
  max-width: 100%;
  flex-basis: 100%;
}
.grid.cards .grid__item .card-container, .view.grid.cards .grid__item .card-container {
  display: flex;
  flex-wrap: wrap;
  margin: 15px;
}
.grid.cards .grid__item .card-container .card-container__content, .view.grid.cards .grid__item .card-container .card-container__content {
  flex-grow: 1;
  max-width: 70%;
}
.grid.cards .grid__item .card-container .card-container__content.text-right h2, .view.grid.cards .grid__item .card-container .card-container__content.text-right h2 {
  display: flex;
  justify-content: flex-end;
}
.grid.cards .grid__item .card-container .card-container__content h2, .view.grid.cards .grid__item .card-container .card-container__content h2 {
  margin-top: 0;
  font-size: 1.5em;
  line-height: 1.25em;
}
.grid.cards .grid__item .card-container .card-container__fullcontent, .view.grid.cards .grid__item .card-container .card-container__fullcontent {
  width: 100%;
  box-sizing: border-box;
}
.grid.cards .grid__item .card-container:not(:first-of-type), .view.grid.cards .grid__item .card-container:not(:first-of-type) {
  border-top: 1px solid #d5d5d5;
  padding-top: 15px;
}
.grid.cards .grid__item .card-container small ~ h2, .view.grid.cards .grid__item .card-container small ~ h2 {
  margin: 0;
}

@media (min-width: 901px) {
  .grid.grid--3col.cards .grid__item, .view.grid.grid--3col.cards .grid__item, .one-sidebar .view.grid.grid--3col.cards .grid__item {
    max-width: calc(33.3333333333% - 20px);
    min-width: auto;
  }
  .grid.grid--3col.cards.grid--strict .view-content, .view.grid.grid--3col.cards.grid--strict .view-content, .one-sidebar .view.grid.grid--3col.cards.grid--strict .view-content {
    justify-content: flex-start;
  }
  .grid.grid--3col.cards.grid--strict .view-content .grid__item:not(:nth-of-type(3n)), .view.grid.grid--3col.cards.grid--strict .view-content .grid__item:not(:nth-of-type(3n)), .one-sidebar .view.grid.grid--3col.cards.grid--strict .view-content .grid__item:not(:nth-of-type(3n)) {
    margin-right: 30px;
  }
  .grid.grid--2col.cards .grid__item, .view.grid.grid--2col.cards .grid__item, .one-sidebar .view.grid.grid--2col.cards .grid__item {
    max-width: calc(50% - 20px);
    min-width: auto;
  }
  .grid.grid--2col.cards.grid--strict .view-content, .view.grid.grid--2col.cards.grid--strict .view-content, .one-sidebar .view.grid.grid--2col.cards.grid--strict .view-content {
    justify-content: flex-start;
  }
  .grid.grid--2col.cards.grid--strict .view-content .grid__item:not(:nth-of-type(2n)), .view.grid.grid--2col.cards.grid--strict .view-content .grid__item:not(:nth-of-type(2n)), .one-sidebar .view.grid.grid--2col.cards.grid--strict .view-content .grid__item:not(:nth-of-type(2n)) {
    margin-right: 30px;
  }
}
@media (max-width: 900px) and (min-width: 481px) {
  .grid.cards .grid__item, .view.grid.cards .grid__item {
    max-width: calc(50% - 15px);
    flex-basis: 50%;
  }
}
/*.card.info-card{

}*/
.staff-directory .card.info-card, .contact--card-vertical .card.info-card {
  height: 100%;
  flex-direction: column;
  margin-bottom: 0;
}
.staff-directory .card.info-card .card__photo, .contact--card-vertical .card.info-card .card__photo {
  width: 100%;
  min-height: auto;
  height: auto;
}
.staff-directory .card.info-card .card__photo .placeholder, .contact--card-vertical .card.info-card .card__photo .placeholder {
  display: flex;
  background-color: #DDDDDD;
}
.staff-directory .card.info-card .card__photo .placeholder img, .contact--card-vertical .card.info-card .card__photo .placeholder img {
  visibility: hidden;
}
.staff-directory .card.info-card .card__detail:first-of-type, .contact--card-vertical .card.info-card .card__detail:first-of-type {
  flex-grow: 1;
}

.card.info-card.card--style-white {
  background: #fff;
  border: 1px solid #d5d5d5;
}

.envelope--style-green {
  background-color: #007030;
  border-color: #007030;
}

.envelope--style-darkgray {
  background-color: #3C3F48;
  border-color: #3C3F48;
}

.envelope--style-gray {
  background-color: #4d5859;
  border-color: #4d5859;
}

.envelope--style-lightgray {
  background-color: #d1d3d4;
  border-color: #d1d3d4;
}

.envelope--flat {
  padding-left: calc(50% - 600px);
  padding-right: calc(50% - 600px);
  padding-top: 0;
  padding-bottom: 0;
}

.envelope--compress {
  width: 100%;
  padding-left: calc(50% - 600px);
  padding-right: calc(50% - 350px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.envelope--compress.centered {
  padding-left: calc(50% - 400px);
  padding-right: calc(50% - 400px);
}

@media (max-width: 900px) {
  .envelope--flat, .envelope--compress, .envelope--compress.centered {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.envelope.envelope--style-image:empty, .envelope[class*=envelope--style-image]:empty, .envelope[class*=envelope--parallax]:empty, .envelope.envelope--parallax.parallax-void, .envelope.envelope--parallax:empty {
  padding: 275px 0;
}

.envelope-feature__container {
  align-items: normal;
}

.envelope-feature__container .envelope-feature__content {
  align-self: center;
}

.envelope-feature__container .envelope-feature__photo.centered {
  align-self: center;
}

/* flex option */
.envelope-feature.envelope-feature--flex-right .envelope-feature__container, .envelope-feature.envelope-feature--flex-left .envelope-feature__container {
  max-width: 100%;
  align-items: normal;
}
.envelope-feature.envelope-feature--flex-right .envelope-feature__photo.envelope-feature__flex p, .envelope-feature.envelope-feature--flex-left .envelope-feature__photo.envelope-feature__flex p {
  display: inline;
}

.envelope-feature.envelope-feature--flush .envelope-feature__photo.envelope-feature__flex p {
  display: inline;
}

@media (min-width: 1500px) {
  .envelope-feature.envelope-feature--flex-right .envelope-feature__container .envelope-feature__content {
    padding-left: calc(50% - 720px);
  }
  .envelope-feature.envelope-feature--flex-left .envelope-feature__container .envelope-feature__content {
    padding-right: calc(50% - 720px);
  }
}
@media (min-width: 959px) {
  .envelope-feature.envelope-feature--flex-right .envelope-feature__container .media-background_image .file-image .content img, .envelope-feature.envelope-feature--flex-left .envelope-feature__container .media-background_image .file-image .content img {
    display: none;
  }
}
.envelope-hero--fullbleed .envelope-hero__background {
  height: 600px;
  width: 100%;
  width: 100%;
  filter: none;
  transform: none;
  position: relative;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
  background-position: center center;
}
.envelope-hero--fullbleed .envelope-hero__container {
  position: initial;
}
.envelope-hero--fullbleed .envelope-hero__photo {
  display: none;
}

@media (max-width: 659px) {
  .envelope-hero--fullbleed .envelope-hero__background {
    height: 100%;
    position: absolute;
  }
  .envelope-hero--fullbleed .envelope-hero__container {
    position: relative;
  }
  .envelope-hero--fullbleed .envelope-hero__photo {
    display: initial;
    visibility: hidden;
  }
  .envelope-hero--fullbleed .envelope-hero__content {
    display: flex;
    position: absolute;
    top: 0;
    height: 100%;
    align-items: center;
    justify-content: center;
    background: none;
  }
}
@media (max-width: 659px) {
  .uo_nightfall .envelope-hero__content {
    background: #222;
  }
}
.envelope-hero__container .envelope-hero__photo:only-child:after {
  background: none;
}
.envelope-hero__container .envelope-hero__iframe {
  position: relative;
  padding-bottom: 64%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
  display: block;
}
.envelope-hero__container .envelope-hero__iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
}
.envelope-hero__container .envelope-hero__content .envelope-hero__content__body h1:first-of-type {
  margin-top: 0;
}
.envelope-hero__container .envelope-hero__content.foreground-green * {
  color: var(--uowdf-color-uo-green);
}
.envelope-hero__container .envelope-hero__content.compressed {
  padding: 0 20%;
}

.envelope-hero--video .envelope-hero__photo {
  padding: 0;
  height: auto;
}
.envelope-hero--video .envelope-hero__photo img.video-background {
  display: contents;
}

.envelope-hero--video .envelope-hero__container {
  max-width: 1440px;
}
.envelope-hero--video .envelope-hero__container.full-width {
  max-width: 100%;
}
.envelope-hero--video .envelope-hero__container iframe {
  position: absolute;
  width: 102%;
  height: 100%;
  top: 0;
  left: 0;
  top: -5px;
  left: -5px;
  padding: 5px;
}

.envelope-hero--video .envelope-hero__photo .video-container {
  padding: 38.07% 0 0 0;
  position: relative;
  display: block;
}

@media (max-width: 659px) {
  .envelope-hero.envelope-hero--text-center .envelope-hero__container .envelope-hero__content.foreground-green * {
    color: #FFF;
  }
  .envelope-hero.envelope-hero--text-center .envelope-hero__container .envelope-hero__content.compressed {
    padding: 0 15px;
  }
}
@media (min-width: 1000px) {
  .envelope.envelope-hero--photo-contain .envelope-hero .envelope-hero__photo {
    max-height: 550px;
  }
  .envelope.envelope-hero--photo-contain .envelope-hero .envelope-hero__photo span {
    max-height: inherit;
    position: relative;
  }
  .envelope.envelope-hero--photo-contain .envelope-hero .envelope-hero__photo span a {
    max-height: inherit;
    display: flex;
    align-items: center;
  }
}
/*.envelope.envelope--overlay{
  width: 80%;
  padding:30px;
  &.envelope--overlay-center{
    margin:0 auto;
  }
  &.envelope--overlay-left{
  }
  &.envelope--overlay-right{

  }
  &.envelope--overlay-top-200{
    margin-top:-200px;
  }
}
@media (max-width: 659px){
  .envelope.envelope--overlay{
    width: inherit;
    &.envelope--overlay-center, &.envelope--overlay-left, &.envelope--overlay-right{
      margin:0;
    }
    &.envelope--overlay-top-200{
      margin-top:0;
    }
  }
}
*/
.envelope.envelope--overlay-content .envelope--overlay-header {
  padding: 0 30px;
}

@media (min-width: 1200px) {
  .envelope.envelope--overlay-content {
    overflow: visible;
    padding-top: 0;
  }
  .envelope.envelope--overlay-content > div {
    position: relative;
  }
  .envelope.envelope--overlay-content .envelope--overlay-header {
    position: absolute;
    width: 100%;
    transform: translateY(calc(-100% + 1px));
    padding: 30px 30px 0 30px;
    box-sizing: border-box;
  }
}
.envelope.envelope--overlay-content .envelope--overlay-header + div {
  padding-top: 0;
}

.envelope.envelope-background__centered {
  background-position: center;
}

/* GRID--title */
.grid__item .grid--title {
  color: #000000;
  color: #007030;
}

/* /GRID--title */
/* GRID--strict */
/*.grid.grid--strict{
justify-content: center;
}*/
.grid.grid--3col.grid--align-middle .grid__item:nth-last-child(2):nth-child(4n) {
  margin-right: 0;
}
.grid.grid--3col.grid--align-middle .grid__item:nth-last-child(1):nth-child(5n) {
  margin-left: 0;
}

.grid.grid--align-left {
  justify-content: start;
}

.grid .grid--divider {
  width: 100%;
  padding: 0 15px;
}

.grid.grid--group h2, .grid.grid--group h3, .grid.grid--group h4 {
  display: block;
  width: 100%;
}
.grid.grid--group h2:empty, .grid.grid--group h3:empty, .grid.grid--group h4:empty {
  display: none;
}
.grid.grid--group .grid__item h4.envelope--narrow {
  margin-bottom: 0;
}

/* /GRID--strict */
/* GRID--photo */
.grid__item {
  position: relative;
}
.grid__item .grid--photo {
  position: absolute;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-position: center;
  top: 0;
  left: 0;
  /*&.grid--photo-background{
    z-index:-1;
  }*/
  /*.media-background_image .file-image{
    background-size:cover;
    background-position:center;
    img{
    visibility:hidden;
  }
  }*/
}
.grid__item .grid--photo div {
  height: 100%;
  width: 100%;
  position: absolute;
}

/* /GRID--photo */
/* GRID--25-50 */
.caption-cover.grid--3col.grid--25-50, .grid--3col.grid--25-50 {
  display: -webkit-flex;
  display: flex;
}
.caption-cover.grid--3col.grid--25-50 .grid__item, .grid--3col.grid--25-50 .grid__item {
  display: -webkit-flex;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  max-width: 25%;
  margin: 0;
}
.caption-cover.grid--3col.grid--25-50 .grid__item img, .grid--3col.grid--25-50 .grid__item img {
  width: 100%;
}
.caption-cover.grid--3col.grid--25-50 .grid__item:not(:nth-child(3n+2)), .grid--3col.grid--25-50 .grid__item:not(:nth-child(3n+2)) {
  padding: 0;
}
.caption-cover.grid--3col.grid--25-50 .grid__item.grid--flex-center, .grid--3col.grid--25-50 .grid__item.grid--flex-center {
  justify-content: center;
  align-items: center;
  text-align: center;
}
.caption-cover.grid--3col.grid--25-50 .grid__item:nth-child(3n+2), .grid--3col.grid--25-50 .grid__item:nth-child(3n+2) {
  max-width: 50%;
  flex-grow: 2;
}
.caption-cover.grid--3col.grid--25-50 .grid__item .captioned-photo, .grid--3col.grid--25-50 .grid__item .captioned-photo {
  flex-grow: 1;
  min-height: 250px;
  display: flex;
}
.caption-cover.grid--3col.grid--25-50 .grid__item .captioned-photo .media-background_image, .grid--3col.grid--25-50 .grid__item .captioned-photo .media-background_image {
  height: 100%;
  width: 100%;
}
.caption-cover.grid--3col.grid--25-50 .grid__item .captioned-photo .media-background_image .file-image, .grid--3col.grid--25-50 .grid__item .captioned-photo .media-background_image .file-image {
  height: 100%;
  width: 100%;
  background-position: center;
  background-size: cover;
}
.caption-cover.grid--3col.grid--25-50 .grid__item .captioned-photo .media-background_image img, .grid--3col.grid--25-50 .grid__item .captioned-photo .media-background_image img {
  display: none;
}

@media (min-width: 1001px) {
  .caption-cover.grid--3col.grid--25-50 .vertical-centered, .grid--3col.grid--25-50 .vertical-centered {
    /*position: absolute !important;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;*/
    max-width: 450px;
    padding: 30px 15px;
    margin: 0 auto;
  }
  .caption-cover.grid--3col.grid--25-50 .grid__item .captioned-photo, .grid--3col.grid--25-50 .grid__item .captioned-photo {
    min-height: 185px;
  }
}
@media (max-width: 1000px) {
  .caption-cover.grid--3col.grid--25-50, .grid--3col.grid--25-50 {
    display: block;
  }
  .caption-cover.grid--3col.grid--25-50 .grid__item, .caption-cover.grid--3col.grid--25-50 .grid__item:nth-child(3n+2), .grid--3col.grid--25-50 .grid__item, .grid--3col.grid--25-50 .grid__item:nth-child(3n+2) {
    width: 100%;
    min-height: 185px;
    max-width: 100%;
  }
  .caption-cover.grid--3col.grid--25-50 .vertical-centered, .grid--3col.grid--25-50 .vertical-centered {
    width: 100%;
    padding: 60px 15px;
    margin: 0 auto;
    box-sizing: border-box;
  }
}
@media (max-width: 1000px) and (min-width: 557px) {
  .caption-cover.grid--3col.grid--25-50, .grid--3col.grid--25-50 {
    display: block;
  }
  .caption-cover.grid--3col.grid--25-50 .grid__item, .grid--3col.grid--25-50 .grid__item {
    width: 100%;
    flex-direction: row;
    min-height: 185px;
  }
  .caption-cover.grid--3col.grid--25-50 .grid__item .button-photo.h100, .grid--3col.grid--25-50 .grid__item .button-photo.h100 {
    height: auto !important;
  }
  .caption-cover.grid--3col.grid--25-50 .grid__item:not(:nth-child(2n)) > *, .grid--3col.grid--25-50 .grid__item:not(:nth-child(2n)) > * {
    display: flex;
    width: 100%;
  }
  .caption-cover.grid--3col.grid--25-50 .grid__item .captioned-photo, .grid--3col.grid--25-50 .grid__item .captioned-photo {
    min-height: 185px;
  }
}
@media (max-width: 850px) {
  .caption-cover.grid--3col.grid--25-50 .grid__item > *, .grid--3col.grid--25-50 .grid__item > * {
    width: 100%;
  }
}
/* /GRID--25-50 */
/* GRID--FILLER */
.grid__item.grid--filler {
  display: none;
}

@media all and (max-width: 629px) and (min-width: 481px) {
  .grid__item.grid--filler {
    display: block;
  }
}
/* /GRID--FILLER */
/*.grid.grid--divider-dashed{
.grid__item{
&:before{
border-left:1px dashed #000;
border-color:inherit;
}
}
}*/
@media all and (max-width: 586px) {
  .grid.grid--2col {
    flex-direction: column;
  }
  .grid.grid--2col.grid--photo-right .grid__item {
    order: 2;
  }
  .grid.grid--2col.grid--photo-right .grid__item:nth-of-type(2n) {
    order: 1;
  }
}
ul.grid {
  list-style-type: none;
  padding-left: 0;
}

.grid--panels {
  display: flex;
  position: relative;
  margin: 0;
}
.grid--panels .step {
  counter-increment: steps;
  padding: 0.5em;
  padding-bottom: 45px;
}
.grid--panels .step:before {
  font-size: 2em;
  font-weight: normal;
  width: auto;
  height: auto;
  padding: 20px 25px;
  background-color: #004f27;
  color: #fce675;
  content: counter(steps);
  float: left;
  -webkit-align-self: flex-start;
  align-self: flex-start;
}
.grid--panels .step.pine-green-accent:before, .grid--panels .step.uo-green-accent:before, .grid--panels .step.gray-accent:before {
  background-color: #fce675;
  color: #004f27;
}
.grid--panels .grid__item {
  display: flex;
}
.grid--panels .grid__item.step {
  -webkit-flex-direction: column;
  flex-direction: column;
}
.grid--panels .grid__panel {
  display: inline-table;
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
  font-weight: 300;
  left: 0;
  right: 0;
  position: relative;
  box-sizing: border-box;
  align-self: center;
}

div.circle-label {
  font-size: 32px;
  display: flex;
  border: 1px solid #61a60f;
  border-radius: 50%;
  width: 75px;
  margin: 0 auto;
  justify-content: center;
  align-items: center;
  max-height: 75px;
  height: 75px;
  margin-bottom: 1em;
}

ul.list--label {
  list-style: none;
  padding: 0;
}
ul.list--label li {
  display: flex;
}
ul.list--label li label {
  border-right: 1px solid #444;
  padding-right: 15px;
  margin-right: 10px;
  width: 30px;
  display: inline-block;
  text-align: right;
  font-weight: bold;
  color: var(--cos-color-uo-green, #036936);
}

ul.cta-list {
  list-style-type: none;
  list-style-image: none;
  margin: 0;
  padding: 0;
}
ul.cta-list li {
  margin-bottom: 0.5em;
}

ul.open-checkbox {
  list-style: none;
}
ul.open-checkbox li:before {
  content: "\f14a";
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  margin-left: -1.3em;
  width: 1.3em;
}

/*
* Alignment
*/
.media.align-center img {
  margin: 0 auto;
}

.media__background-image {
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100% !important;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.media__background-image img {
  visibility: hidden;
}

.envelope-feature__container .envelope-feature__photo .media__background-image {
  position: initial;
  display: block;
}

.media__background-image ~ * {
  position: relative;
}

.backdrop-black-60:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(45deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, rgba(0, 0, 0, 0.1) 100%);
  display: -webkit-flex;
  display: flex;
}

.button-photo__photo .media.media--type-image.media--view-mode-default .field__item {
  display: grid;
}

@media (max-width: 586px) {
  :not(.grid--photo) .media__background-image:only-child {
    display: flex;
    position: relative;
  }
}
/*.media .field--name-field-media-image{
  display:flex;
}*/
/********* NAVBAR OVERLAY CSS *********/
body.cosmic-hide-title.path-frontpage header.site-header {
  display: none;
}

body.menu_overlay.path-frontpage:not(.user-logged-in) .navigation-bar {
  background: transparent;
  position: absolute;
  z-index: 100;
}
body.menu_overlay.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu {
  background: transparent;
}
body.menu_overlay.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu li.menu-item a {
  color: #fff;
}
body.menu_overlay.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu li.menu-item a:hover, body.menu_overlay.path-frontpage:not(.user-logged-in) .navigation-bar .region.region-primary-menu li.menu-item a:active {
  color: #ddd;
  background: none;
  text-decoration: underline;
}

body.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type {
  justify-content: flex-end;
  display: flex;
  margin-left: auto;
  background-color: yellow;
}
body.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type a {
  color: #124734 !important;
}
body.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type a:hover, body.menupull-right .navigation-bar .region.region-primary-menu li.menu-item:last-of-type a:active {
  color: #124734 !important;
  background-color: yellow;
}
body.menupull-right li.menupull-right-chevron.menu-item a:after {
  content: "\f054";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  padding-left: 5px;
}

/*body.menu_overlay{
&.path-frontpage{
header.site-header{
display:none;
}
&:not(.user-logged-in){
.navigation-bar{
background: transparent;
position: absolute;
.region.region-primary-menu{
background: transparent;
li.menu-item{
a{
color:#fff;
&:hover,&:active{
color:#ddd ;
background: none;
text-decoration: underline;
}
}
}
}
}
}
}

.uoheader {
//background-color: #222;
}
header.site-header{
background: #222 none repeat scroll 0 0;
.site-header__site-link, .site-header__site-name{
&:hover,&:active{
color:#fff ;
}
}

.region.region-search, #uobanner-sidebar .block-search{
position:relative;
.form-search{
background:#fff;
border:1px solid #ddd;
outline:none;
color:#777;
}
.form-submit{
background: #004321 url("../images/search-icon-green-lowres.png") no-repeat center center;
background-color:transparent;
min-width: 46px;
width: 32px !important;
}
}
#uobanner-sidebar .block-search{
.form-text{
border-color:#024F28;
}
}
}
.navigation-bar .region.region-primary-menu li.menu-item{
&:last-of-type:not(:first-of-type){
justify-content: flex-end;
display: flex;
margin-left: auto;
background-color:yellow;
a{
color:#124734;
&:hover, &:active{
color:#124734;
background-color:yellow;
}
}
}
}
}*/
/********* NAVBAR OVERLAY CSS *********/
/********* NAVBAR CSS *********/
.navigation-bar {
  background-color: none;
}

.navigation-bar .region.region-primary-menu {
  background: rgba(230, 230, 230, 0.9);
}
.navigation-bar .region.region-primary-menu a {
  border: none;
  color: #000;
}
.navigation-bar .region.region-primary-menu li:last-of-type a {
  border-right: none;
}
.navigation-bar .region.region-primary-menu .menu-item.menu-item--active-trail, .navigation-bar .region.region-primary-menu .menu-item a:hover {
  font-weight: normal;
  background-color: #FFF;
  color: #00704A;
}

.navigation-bar .region-secondary-menu ul.menu li :link, .navigation-bar .region-secondary-menu ul.menu li :visited {
  color: #000000;
}
.navigation-bar .region-secondary-menu ul.menu li .is-active :link, .navigation-bar .region-secondary-menu ul.menu li .is-active :visited, .navigation-bar .region-secondary-menu ul.menu li.menu-item--active-trail :link, .navigation-bar .region-secondary-menu ul.menu li.menu-item--active-trail :visited {
  color: #007030;
  color: var(--uowdf-color-uo-green, #007030);
}
.navigation-bar .region-secondary-menu ul.menu li :hover {
  color: #007030;
  color: var(--uowdf-color-uo-green, #007030);
}

/********* /NAVBAR CSS *********/
.page-node-type-profile .node--view-mode-full .node__content {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-node-type-profile .node--view-mode-full .node__content .field {
  flex-basis: 50%;
}
.page-node-type-profile .node--view-mode-full .node__content .field--type-image {
  padding-right: 30px;
  flex-basis: auto;
}
.page-node-type-profile .node--view-mode-full .node__content .field--name-field-email {
  width: 100%;
  flex-basis: 100%;
}
.page-node-type-profile .node--view-mode-full .node__content .field__label {
  font-weight: 600;
  font-variation-settings: var(--font-bold);
}

@media (max-width: 1049px) {
  .page-node-type-profile .node--view-mode-full .node__content .field {
    flex-basis: calc(50% - 30px);
  }
  .page-node-type-profile .node--view-mode-full .node__content .field--type-image {
    flex-basis: auto;
  }
}
@media (max-width: 1000px) {
  .page-node-type-profile .node--view-mode-full .node__content .field {
    flex-basis: 100%;
  }
  .page-node-type-profile .node--view-mode-full .node__content .field--type-image {
    flex-basis: auto;
  }
}
/** PROFILE CARDS **/
.card.info-card {
  display: flex;
  flex-direction: row;
  margin-bottom: 1em;
}
.card.info-card > * {
  margin-bottom: 0;
}
.card.info-card .card__photo-left {
  margin-right: 0;
}
.card.info-card .card__photo {
  position: relative;
  width: 230px;
  height: 100%;
}
.card.info-card .card__caption {
  padding: 15px;
  flex-grow: 1;
}
.card.info-card hr {
  border-top: solid 1px #333;
  width: 100%;
  margin: 15px 0;
}

@media (max-width: 649px) {
  .card.info-card {
    flex-wrap: wrap;
    margin-top: 1em;
  }
  .card.info-card .card__photo {
    display: block;
    width: 100%;
    min-height: 300px;
  }
}
/** /PROFILE CARDS **/
/********* PAGE SEARCH CSS *********/
.path-search #search-form .form-item {
  margin: 0;
}

.path-search #search-form .form-item .form-search {
  border: solid black 1px;
  border-right: none;
  padding: 20px 50px 20px 20px;
  background-position: 96% center !important;
  line-height: normal;
}

.path-search #search-form .form-item label {
  display: block;
  width: 100%;
}

.path-search #search-form .form-submit {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  display: inline-block;
  width: 200px;
  background: #FDCD07;
  border: solid black 1px;
  border-left: none;
  padding: 20px;
  margin-left: -4px;
}

.path-search #search-form .form-submit:hover {
  background: #004f27;
  color: #FFF;
}

form text-area, form input.form-search {
  border-radius: 0;
}

@media (max-width: 672px) {
  .path-search #search-form .form-item .form-search {
    border-right: solid black 1px;
    width: 100%;
    border-radius: 0;
    box-sizing: border-box;
  }
  .path-search #search-form .form-submit {
    border-left: solid black 1px;
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
  }
  form .form-submit {
    border-radius: 0;
  }
  form text-area, form input.form-search {
    border-radius: 0;
    border: 1px solid #ccc;
    padding: 3px;
    -webkit-appearance: none;
    border-radius: 0;
  }
}
@media (max-width: 1018px) {
  .path-search.sidebar-second #search-form .form-item .form-search {
    border-right: solid black 1px;
    width: 100%;
    border-radius: 0;
  }
  .path-search.sidebar-second #search-form .form-submit {
    border-left: solid black 1px;
    width: 100%;
    margin-left: 0;
    margin-top: 15px;
    border-radius: 0;
  }
}
.path-search ol.search-results {
  padding: 0;
}

.path-search ol.search-results li {
  padding: 0 0 0 30px;
  border-left: 1px solid transparent;
}
.path-search ol.search-results li .title {
  margin-bottom: 0;
}
.path-search ol.search-results li .search-snippet-info {
  padding-left: 0;
}
.path-search ol.search-results li .result-url {
  font-size: 14px;
  font-weight: normal;
}
.path-search ol.search-results li .result-url a, .path-search ol.search-results li .result-url :link, .path-search ol.search-results li .result-url :visited {
  color: #888;
  text-decoration: none;
}
.path-search ol.search-results li .result-url :hover, .path-search ol.search-results li .result-url :active {
  color: #00704A;
  text-decoration: underline;
}

.path-search ol.search-results li:hover {
  border-left: 1px solid #00704A;
}

/********* MISCELLANEOUS (/user) CSS *********/
.login-container {
  margin-top: 75px;
}

.login-container {
  max-width: 100%;
}
.login-container .grid__item {
  width: 43%;
  padding: 0 15px;
}
.login-container .grid__item.login-cell {
  text-align: center;
  margin-right: 0;
}
.login-container .grid__item.divider {
  text-align: center;
  padding: 50px 0;
  width: 10%;
  margin-right: 0;
}
.login-container .grid__item.divider:before, .login-container .grid__item.divider:after {
  border-left: 1px solid #000;
  content: "";
  display: inline-block;
  height: 50px;
}
.login-container .grid__item.login-cell .cta-button {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
  margin-top: 0;
}

@media (max-width: 900px) {
  .login-container {
    max-width: 100%;
    margin-top: 0;
    display: block;
  }
  .login-container .grid__item.login-cell {
    text-align: center;
    padding: 25px;
  }
  .login-container .grid__item.divider {
    margin: 1em auto;
  }
  .login-container .grid__item {
    width: 100% !important;
    margin: 0 auto !important;
    float: none;
    text-align: center;
    /* I SHOULD BE TYING THESE TO THE H2 FOR MOBILE ONES*/
  }
  .login-container .grid__item.divider:before, .login-container .grid__item.divider:after {
    display: none;
  }
  .login-container .grid__item.divider h2:before, .login-container .grid__item.divider h2:after {
    border-top: 1px solid #000;
    border-left: 0;
    content: "";
    display: inline-block;
    width: 50px;
    height: 1px;
    left: -15px;
    position: relative;
    top: -0.3em;
  }
  .login-container .grid__item.divider h2:after {
    left: auto;
    right: -15px;
  }
}
/********* /MISCELLANEOUS (/user) CSS *********/
hr.squigglearrow, hr.squigglearrow.down {
  background-size: 357px;
  background-repeat: no-repeat;
  height: 105px;
  width: 15px;
  border: 0;
  margin: 0 auto;
  background-image: url(../images/uo-sprites.png);
  background-position: 0 -28px;
}
hr.squigglearrow.white, hr.squigglearrow.down.white {
  background-position: -15px -27px;
}

hr.squigglearrow.up {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
hr.squigglearrow.up.white {
  background-position: -15px -30px;
}

hr.squigglearrow.left {
  height: 15px;
  width: 105px;
  background-position: 5px -14px;
}
hr.squigglearrow.left.white {
  background-position: 5px 0;
}

hr.squigglearrow.right {
  height: 15px;
  width: 105px;
  background-position: 5px -14px;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
hr.squigglearrow.right.white {
  background-position: 5px 0;
}

hr.barbell, .envelope--stye-black hr.barbell {
  position: relative;
  border: 1px solid black;
  width: 75%;
  margin: 1em auto;
}
hr.barbell:before, .envelope--stye-black hr.barbell:before {
  left: -2px;
}
hr.barbell:after, .envelope--stye-black hr.barbell:after {
  right: -2px;
}

.envelope--stye-black hr.barbell:before, hr.barbell:after, hr.barbell:before, hr.barbell:after {
  content: "";
  position: absolute;
  display: block;
  height: 10px;
  width: 10px;
  background-size: 360px;
  background-position: -41px -30px;
  background-image: url(../images/uo-sprites.png);
  background-repeat: no-repeat;
  top: -5px;
}

.envelope--stye-black hr.barbell.white, hr.barbell.white {
  border: 1px solid white;
}
.envelope--stye-black hr.barbell.white:before, .envelope--stye-black hr.barbell.white:after, hr.barbell.white:before, hr.barbell.white:after {
  background-position: -30px -30px;
}

.envelope--stye-black hr.barbell.grey, hr.barbell.grey {
  border: 1px solid #a8a8aa;
}
.envelope--stye-black hr.barbell.grey:before, .envelope--stye-black hr.barbell.grey:after, hr.barbell.grey:before, hr.barbell.grey:after {
  background-position: -30px -40px;
  height: 11px;
}

.lt-ie9 .envelope--stye-black hr.barbell:before, .lt-ie9 .envelope--stye-black hr.barbell:after, .lt-ie9 hr.barbell:before, .lt-ie9 hr.barbell:after {
  /*background-image:url(../images/barbell-circle-lowres.png);*/
}

/********* STUDENT LIFE BARBELL HR *********/
@media all and (min-width: 901px) {
  hr.barbell.vertical, hr.dashed.vertical {
    position: absolute;
    width: 0;
    margin: 0;
    margin-right: 1%;
    height: 225px;
    top: 0;
    right: -15px;
  }
  hr.barbell.vertical.dashed.vertical, hr.dashed.vertical.dashed.vertical {
    border-right: 1px dashed;
    border-color: inherit;
    margin-right: 0;
  }
  hr.barbell.vertical:before {
    top: -5px;
    left: -5px;
  }
  hr.barbell.vertical:after {
    top: auto;
    bottom: -5px;
    right: -5px;
  }
}
@media (max-width: 900px) and (min-width: 481px) {
  .envelope .barbell.vertical:first-of-type, .envelope .dashed.vertical:first-of-type {
    margin-bottom: 30px;
  }
}
.grid__item:last-of-type hr.barbell:last-of-type, .grid__item:last-of-type hr.dashed.vertical:last-of-type {
  display: none;
}

/********* /STUDENT LIFE BARBELL HR *********/
.block.sidebar-no-style, .sidebar-no-style {
  background: transparent none repeat scroll 0 0;
  border: none;
  color: #5f6062;
  padding: 0;
  display: flex;
  flex-direction: column;
}
.block.sidebar-no-style .menu > .menu__item, .block.sidebar-no-style .menu > .menu-item, .sidebar-no-style .menu > .menu__item, .sidebar-no-style .menu > .menu-item {
  border-bottom: none;
}
.block.sidebar-no-style .cta-button, .sidebar-no-style .cta-button {
  width: 100%;
}

.block.sidebar-style-white, .sidebar-style-white {
  background: #FFF none repeat scroll 0 0;
  border: #d7d7d7 1px solid;
  color: #5f6062;
  padding: 15px;
}
.block.sidebar-style-white h2, .sidebar-style-white h2 {
  color: #024f28;
  margin-top: 0;
  font-size: 16px;
  /* color: #333335; */
  font-weight: bold;
  text-transform: inherit;
  font-family: inherit !important;
}

.region-sidebar-second .block.block-block-content:not(:last-of-type) {
  margin-bottom: 1em;
}

table.table--fullwidth {
  width: 100%;
  table-layout: fixed;
  vertical-align: text-top;
}

table tr.table__row__header.table__row__header-green {
  background-color: #007030;
  background-color: var(--uowdf-color-uo-green, #007030);
  color: #fff;
}

.table.table--responsive.table--col-zebra:not(.table--no-zebra) {
  /*td.table__cell:nth-of-type(even){
    background: rgba(0,0,0,.07);
  }*/
}
.table.table--responsive.table--col-zebra:not(.table--no-zebra) tr.table__row:nth-of-type(2n):last-of-type {
  background: none;
}
.table.table--responsive.table--col-zebra:not(.table--no-zebra) tr.table__row:nth-of-type(2n):last-of-type td.table__cell:nth-of-type(odd) {
  background: rgba(0, 0, 0, 0.07);
}

.table.table--no-borders .table__cell {
  border: none;
}

/* dont show header bar if there is no header tag */
.table.table--responsive .table__cell:not([data-th]):before, .table.table--responsive .table__cell[data-th=""]:before, .table.table--responsive .table__cell[data-th=undefined]:before {
  display: none;
}

span.subtitle.rotate:before {
  content: attr(data-label);
  font-size: 0.5em;
  transform: rotate(-90deg);
  float: left;
  margin-left: -0.5em;
  text-transform: lowercase;
}

@media (max-width: 500px) {
  .site-footer__custom-content .grid .grid__item {
    flex-basis: 100%;
  }
}
/*#uobannerandfooter-uoankle,
.subfooter,
.site-footer, .uofooter__container {
  //.fonts-brand & {
    font-family: $fonts-quadon;
  //}
}
.title{
  font-family: $fonts-quadon-light-optional;
  //.fonts-brand & {
  //  font-family: $fonts-quadon-light-optional;
  //}
}
*/
#uobanner-sidebar .block-search .form-search {
  width: 100%;
}

.view-envelope-page-title .envelope--divider-title h1.page__title {
  display: block;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  font-size: 2em;
  line-height: 1.25em;
}

@font-face {
  font-family: "UO-SSEM-Icons";
  src: url("../fonts/UO-SSEM-Icons.eot?6qsvno");
  src: url("../fonts/UO-SSEM-Icons.eot?6qsvno#iefix") format("embedded-opentype"), url("../fonts/UO-SSEM-Icons.ttf?6qsvno") format("truetype"), url("../fonts/UO-SSEM-Icons.woff?6qsvno") format("woff"), url("../fonts/UO-SSEM-Icons.svg?6qsvno#UO-SSEM-Icons") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
.uo-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "UO-SSEM-Icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ssem-boxed-check-mark:before {
  content: "\e91c";
}

.ssem-location-alt:before {
  content: "\e91d";
}

.ssem-laptop:before {
  content: "\e91e";
}

.ssem-bed:before {
  content: "\e900";
}

.ssem-ball:before {
  content: "\e901";
}

.ssem-calendar:before {
  content: "\e902";
}

.ssem-car:before {
  content: "\e903";
}

.ssem-check:before {
  content: "\e904";
}

.ssem-chevron-down:before {
  content: "\e905";
}

.ssem-circle-chevron:before {
  content: "\e906";
}

.ssem-circle-check:before {
  content: "\e907";
}

.ssem-circle-close:before {
  content: "\e908";
}

.ssem-compass-alt:before {
  content: "\e909";
}

.ssem-compass:before {
  content: "\e90a";
}

.ssem-datetime:before {
  content: "\e90b";
}

.ssem-edit:before {
  content: "\e90c";
}

.ssem-envelope:before {
  content: "\e90d";
}

.ssem-facebook:before {
  content: "\e90e";
}

.ssem-grad-cap:before {
  content: "\e90f";
}

.ssem-info:before {
  content: "\e910";
}

.ssem-instagram:before {
  content: "\e911";
}

.ssem-location:before {
  content: "\e912";
}

.ssem-map:before {
  content: "\e913";
}

.ssem-plane-alt:before {
  content: "\e914";
}

.ssem-plane:before {
  content: "\e915";
}

.ssem-times:before {
  content: "\e916";
}

.ssem-train:before {
  content: "\e917";
}

.ssem-twitter:before {
  content: "\e918";
}

.ssem-logout:before {
  content: "\e919";
}

.ssem-dashed-arrow:before {
  content: "\e91a";
}

.ssem-circle-info:before {
  content: "\e91b";
}

/* MAPPLIC MODS */
.mapplic-pin {
  display: none;
}

.mapplic-clickable:not(g), g.mapplic-clickable > * {
  opacity: 0.6;
}

.list-cat-font {
  color: #004f27;
  font-weight: bold;
}

/* /MAPPLIC MODS */
.sidebar .block .cta-button {
  width: 100%;
}

body .sidebar .block.pine-green-accent {
  background-color: var(--cos-color-pine-green, #20883f);
  color: white;
  /*h2{
    font-size: 1.5em;
    margin-bottom:0;
    color:inherit;
    //zfont-family:$droid;
    font-style: italic;
  }*/
}

body .sidebar .block.white-accent {
  background-color: white;
}

body .sidebar .block.fullbleed {
  margin: 0;
  padding: 0;
}

/*# sourceMappingURL=uossem-universal-components.css.map */