.styled-input, form.webform-submission-form input[type=tel], form.webform-submission-form input[type=number] {
  border: 0.125rem solid #7d55c7;
  border-radius: 0.5rem;
  height: 2.5rem;
  width: 100%;
  color: #000;
  font-family: "Trebuchet", "Arial", sans-serif;
  font-size: 0.93875rem;
  padding-left: 0.938rem;
  white-space: normal;
}
.user-login-form .styled-input, .user-login-form form.webform-submission-form input[type=tel], .user-login-form form.webform-submission-form input[type=number] {
  background: none;
  height: 2.5rem;
  width: auto;
}

.styled-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* remove default arrow */
  background: url("/themes/custom/ccny_theme/dist/assets/dropdown-carat.svg") no-repeat calc(100% - 0.625rem) center;
  padding-right: 2.5rem;
}

.styled-search {
  background: url("/themes/custom/ccny_theme/dist/assets/input-search.svg") no-repeat calc(100% - 0.625rem) center;
  padding-right: 2.813rem;
}
.styled-search::-webkit-input-placeholder {
  color: #000;
}
.styled-search::-moz-placeholder {
  color: #000;
}
.styled-search:-ms-input-placeholder {
  color: #000;
}
.styled-search::-ms-input-placeholder {
  color: #000;
}
.styled-search::placeholder {
  color: #000;
}
.user-login-form .styled-search {
  background: none;
}

.hollow-button {
  font-size: 1rem;
  font-family: "Trebuchet", "Arial", sans-serif;
  background: transparent;
  border: 0.125rem solid #7d55c7;
  min-width: 10.375rem;
  min-height: 1.5rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  color: #7d55c7;
  padding: 0.938rem;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  letter-spacing: 0.078rem;
  text-align: center;
  text-decoration: none;
  height: 2.5rem;
  padding: 0.313rem;
}
.hollow-button:hover, .hollow-button:focus {
  background: #7d55c7;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
}
.hollow-button.hollow-button--yellow {
  color: #FFF;
  border-color: #f3cf45;
}
.hollow-button.hollow-button--yellow:hover, .hollow-button.hollow-button--yellow:focus {
  background-color: #111;
}
@media (min-width: 55em) {
  .hollow-button {
    font-size: 1.375rem;
    min-width: 14.75rem;
    min-height: 1.875rem;
  }
}
.hollow-button.back-to-calendar {
  margin: 0.625rem auto;
}

/* Document
   ========================================================================== */
@font-face {
  font-family: "Trebuchet";
  src: url("../fonts/Trebuchet MS.ttf");
}
@font-face {
  font-family: "Trebuchet Bold";
  src: url("../fonts/Trebuchet MS Bold.ttf");
}
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
  scroll-padding-top: 8.125rem;
}

* {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}
*::before, *::after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
  font-size: 100%;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #464646;
  -webkit-font-smoothing: antialiased;
  font-family: "Trebuchet", "Arial", sans-serif;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Headings are always 'just a bit bigger' than body copy.
 * See: http: //csswizardry.com/2016/02/managing-typography-on-large-apps/
 */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 1.25rem;
  margin: 0 0 1rem;
}

h1 {
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  line-height: 1.2;
  color: #111;
  letter-spacing: 0;
  font-size: 2.25rem;
}
h1 a {
  color: #7d55c7;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  h1 {
    letter-spacing: 0.125rem;
  }
}
@media (min-width: 55em) {
  h1 {
    font-size: 4rem;
  }
}

h2 {
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  line-height: 1.2;
  color: #111;
  letter-spacing: 0;
  font-size: 1.875rem;
}
h2 a {
  color: #7d55c7;
  text-decoration: none;
}
h2 a:hover, h2 a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  h2 {
    letter-spacing: 0.125rem;
  }
}
@media (min-width: 55em) {
  h2 {
    font-size: 3.5rem;
  }
}

h3 {
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  line-height: 1.2;
  color: #111;
  letter-spacing: 0;
  font-size: 1.5rem;
}
h3 a {
  color: #7d55c7;
  text-decoration: none;
}
h3 a:hover, h3 a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  h3 {
    letter-spacing: 0.125rem;
  }
}
@media (min-width: 55em) {
  h3 {
    font-size: 3rem;
  }
}

h4 {
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  line-height: 1.2;
  color: #111;
  letter-spacing: 0;
  font-size: 1.375rem;
}
h4 a {
  color: #7d55c7;
  text-decoration: none;
}
h4 a:hover, h4 a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  h4 {
    letter-spacing: 0.125rem;
  }
}
@media (min-width: 55em) {
  h4 {
    font-size: 2.25rem;
  }
}

h5 {
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  line-height: 1.2;
  color: #111;
  letter-spacing: 0;
  font-size: 1.25rem;
}
h5 a {
  color: #7d55c7;
  text-decoration: none;
}
h5 a:hover, h5 a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  h5 {
    letter-spacing: 0.125rem;
  }
}
@media (min-width: 55em) {
  h5 {
    font-size: 1.875rem;
  }
}

h6 {
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  line-height: 1.2;
  color: #111;
  letter-spacing: 0;
  font-size: 1.125rem;
}
h6 a {
  color: #7d55c7;
  text-decoration: none;
}
h6 a:hover, h6 a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  h6 {
    letter-spacing: 0.125rem;
  }
}
@media (min-width: 55em) {
  h6 {
    font-size: 1.5rem;
    letter-spacing: 0.031rem;
  }
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1rem; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
  /**
   * Remove the outline on focused links when they are also active or hovered
   * in all browsers (opinionated).
   */
}
a:active, a:hover, a:focus {
  outline-width: 0;
}

p {
  margin: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: 0; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border: 0;
  height: auto;
  max-width: 100%;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 0.063rem dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 0.063rem solid #c0c0c0;
  margin: 0 0.125rem;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -0.125rem; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Lists
   ========================================================================== */
/**
 * Unset default list margin and padding because if not
 * we'll have to unset it every. single. time.
 */
ul,
ol,
dl {
  margin: 0;
  padding: 0;
}

li {
  margin: 0;
  padding: 0;
  list-style: none;
}

#block-ccny-theme-content div.body-paragraph.paragraph ul, #block-ccny-theme-content div.body-paragraph.paragraph ol, div.accordion__section ul, div.accordion__section ol {
  margin: 1rem 1rem 1rem 2rem;
}
#block-ccny-theme-content div.body-paragraph.paragraph ul li, #block-ccny-theme-content div.body-paragraph.paragraph ol li, div.accordion__section ul li, div.accordion__section ol li {
  list-style: inherit;
}

div.accordion__section ul.footer__links-list {
  margin: inherit;
}

div.accordion__section ul li.footer__link-list-item {
  list-style: none;
  margin: 0;
}

.group-menu__container {
  padding-top: 4.375rem;
}
@media (min-width: 55em) {
  .group-menu__container {
    padding-top: 7.5rem;
  }
  .group-menu__container.no-padding {
    padding: 0;
  }
}

.main-content-container {
  padding: 0 1.25rem;
  /*
   &.no-top-padding {
     @include sm {
       padding-top: 0; 
     }
   }
  */
}
@media (min-width: 55em) {
  .main-content-container {
    padding-top: 7.5rem;
  }
}
.main-content-container.no-padding {
  padding: 0;
}

.layout-content {
  /* padding-bottom: 5rem; */
}
@media (min-width: 64em) {
  .layout-content {
    margin: 0 1.875rem;
  }
  .layout-content .page-title {
    padding-top: 0;
  }
}
.layout-content .event__title {
  font-size: 1.75rem;
  margin-top: 1.563rem;
}

@media (min-width: 64em) {
  .layout-content-background-image .layout-content--inner__wrapper {
    margin: 0 1.875rem;
  }
}
.layout-content-background-image.narrow-layout {
  background-color: #efefef;
}
@media (min-width: 55em) {
  .layout-content-background-image.narrow-layout {
    height: 43.75rem;
    margin-bottom: -43.75rem;
  }
}
.layout-content-background-image picture source, .layout-content-background-image picture img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
}

.text-bold {
  font-weight: bold;
}

.text-white {
  color: #FFF;
}

.body-paragraph.news_date .node--news--date.text-white.text-bold {
  color: #111;
  font-weight: normal;
  margin-top: -2.563rem;
}

.centered-button {
  display: block;
  margin: 0 auto;
  max-width: 26.563rem;
}

.gray-bg-cutoff {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #efefef), color-stop(0, #FFF), color-stop(93%, #FFF), color-stop(7%, #efefef));
  background: -o-linear-gradient(top, #efefef 7%, #FFF 0, #FFF 93%, #efefef 7%);
  background: linear-gradient(180deg, #efefef 7%, #FFF 0, #FFF 93%, #efefef 7%);
}
@media (min-width: 55em) {
  .gray-bg-cutoff {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, #efefef), color-stop(0, #FFF), color-stop(75%, #FFF), color-stop(25%, #efefef));
    background: -o-linear-gradient(top, #efefef 25%, #FFF 0, #FFF 75%, #efefef 25%);
    background: linear-gradient(180deg, #efefef 25%, #FFF 0, #FFF 75%, #efefef 25%);
  }
}

.page-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  /* 
   @include xxsm {
    max-width: 25.875rem;
   }
    */
}
@media (min-width: 40em) {
  .page-container {
    max-width: 35.5rem;
  }
}
@media (min-width: 55em) {
  .page-container {
    max-width: 48rem;
  }
}
@media (min-width: 64em) {
  .page-container {
    max-width: 64rem;
  }
}
@media (min-width: 75em) {
  .page-container {
    max-width: 90rem;
  }
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.inner-container {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 30em) {
  .inner-container {
    max-width: 25.875rem;
  }
}
@media (min-width: 40em) {
  .inner-container {
    max-width: 35.5rem;
  }
}
@media (min-width: 55em) {
  .inner-container {
    max-width: 48rem;
  }
}
@media (min-width: 64em) {
  .inner-container {
    max-width: 64rem;
  }
}
@media (min-width: 75em) {
  .inner-container {
    max-width: 90rem;
  }
}

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
}
input[type=checkbox] + label,
input[type=radio] + label {
  cursor: pointer;
  padding: 0;
  position: relative;
}
input[type=checkbox] + label::before,
input[type=radio] + label::before {
  background: #FFF;
  border: 0.125rem solid #7d55c7;
  content: "";
  display: inline-block;
  height: 1.125rem;
  margin-right: 0.625rem;
  vertical-align: middle;
  width: 1.125rem;
}

.js-form-type-checkbox {
  margin: 0.313rem;
}

textarea {
  border: 0.125rem solid #7d55c7;
  border-radius: 0.5rem;
  height: 9.375rem;
  width: 100%;
  color: #000;
  font-family: "Trebuchet", "Arial", sans-serif;
  text-transform: none;
  font-size: 0.93875rem;
  padding-left: 0.938rem;
  white-space: normal;
}

select[multiple] {
  background: none;
  height: 5.313rem;
}

input[type=radio] + label::before {
  border-radius: 50%;
  margin-bottom: 0.313rem;
}
input[type=radio]:checked + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #7d55c7;
  width: 1.125rem;
  height: 1.125rem;
  border-radius: 50%;
}

@media (min-width: 30em) {
  .postmetadata {
    float: none;
  }
  .blogpostauthor:first-of-type:before {
    content: "";
    margin: auto;
  }
  .blogpostauthor:first-of-type:after {
    content: "";
    margin: auto;
  }
}
@media (min-width: 64em) {
  .postmetadata {
    float: left;
    margin-top: 0.5em;
  }
  .blogpostauthor:first-of-type:before {
    content: "By: ";
    margin: 0 0.25em 0 0;
  }
  .blogpostauthor:first-of-type:after {
    content: " | ";
    margin: 0 0.25em;
  }
}
.clearfix:after {
  clear: both;
}

#podcastEpisode.page-container, #blogPost.page-container {
  min-height: auto;
}
#podcastEpisode.page-container p, #blogPost.page-container p {
  margin: 1em 0;
}

div.offices-services {
  /* code for sticky menu to hide when scrolling down */
  /*
  @include sm {
  	.group-menu__container.sticky.hide{
  		top: -25rem !important;
  	}
  }
  @include md {
  	.group-menu__container.sticky.hide{
  		top: -25rem !important;
  	}
  }
  @include lg {
  	.group-menu__container.sticky.hide{
  		top: -25rem !important;
  	}
  }
  */
}
div.offices-services .styled-input, div.offices-services form.webform-submission-form input[type=tel], div.offices-services form.webform-submission-form input[type=number] {
  border: 0.125rem solid #7d55c7;
  border-radius: 0.5rem;
  height: 2.5rem;
  width: 100%;
  color: #000;
  font-family: "Trebuchet", "Arial", sans-serif;
  font-size: 0.93875rem;
  padding-left: 0.938rem;
  white-space: normal;
}
.user-login-form div.offices-services .styled-input, .user-login-form div.offices-services form.webform-submission-form input[type=tel], .user-login-form div.offices-services form.webform-submission-form input[type=number] {
  background: none;
  height: 2.5rem;
  width: auto;
}
div.offices-services .styled-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* remove default arrow */
  background: url("/themes/custom/ccny_theme/dist/assets/dropdown-carat.svg") no-repeat calc(100% - 0.625rem) center;
  padding-right: 2.5rem;
}
div.offices-services .styled-search {
  background: url("/themes/custom/ccny_theme/dist/assets/input-search.svg") no-repeat calc(100% - 0.625rem) center;
  padding-right: 2.813rem;
}
div.offices-services .styled-search::-webkit-input-placeholder {
  color: #000;
}
div.offices-services .styled-search::-moz-placeholder {
  color: #000;
}
div.offices-services .styled-search:-ms-input-placeholder {
  color: #000;
}
div.offices-services .styled-search::-ms-input-placeholder {
  color: #000;
}
div.offices-services .styled-search::placeholder {
  color: #000;
}
.user-login-form div.offices-services .styled-search {
  background: none;
}
div.offices-services .hollow-button {
  font-size: 1rem;
  font-family: "Trebuchet", "Arial", sans-serif;
  background: transparent;
  border: 0.125rem solid #7d55c7;
  min-width: 10.375rem;
  min-height: 1.5rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  color: #7d55c7;
  padding: 0.938rem;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  letter-spacing: 0.078rem;
  text-align: center;
  text-decoration: none;
  height: 2.5rem;
  padding: 0.313rem;
}
div.offices-services .hollow-button:hover, div.offices-services .hollow-button:focus {
  background: #7d55c7;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
}
div.offices-services .hollow-button.hollow-button--yellow {
  color: #FFF;
  border-color: #f3cf45;
}
div.offices-services .hollow-button.hollow-button--yellow:hover, div.offices-services .hollow-button.hollow-button--yellow:focus {
  background-color: #111;
}
@media (min-width: 55em) {
  div.offices-services .hollow-button {
    font-size: 1.375rem;
    min-width: 14.75rem;
    min-height: 1.875rem;
  }
}
div.offices-services .hollow-button.back-to-calendar {
  margin: 0.625rem auto;
}
div.offices-services .subnav {
  background-color: #FFF;
  display: none;
  float: left;
  -webkit-box-shadow: 0 0.375rem 0.5rem 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 0.375rem 0.5rem 0 rgba(0, 0, 0, 0.25);
}
@media (min-width: 55em) {
  div.offices-services .subnav {
    display: block;
  }
}
div.offices-services .subnav .subnav__ul {
  text-align: center;
}
div.offices-services .subnav .subnav__ul li.subnav__li--top-level.active ul.subnav__ul--second-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.offices-services .subnav .subnav__ul li.subnav__li--top-level.active ul.subnav__ul--second-level .subnav__li--second-level.active ul.subnav__ul--third-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 100%;
}
div.offices-services .subnav .subnav__li {
  float: left;
}
div.offices-services .subnav .subnav__li a {
  display: block;
  padding: 1.563rem;
  text-decoration: none;
  color: #7d55c7;
}
div.offices-services .subnav .subnav__li a.activepage {
  color: #f3cf45;
  background-color: #7d55c7;
}
div.offices-services .subnav .subnav__li--top-level {
  font-size: 1.125rem;
  line-height: 1.3125rem;
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  text-transform: uppercase;
  position: relative;
}
div.offices-services .subnav .subnav__li--top-level:hover > a, div.offices-services .subnav .subnav__li--top-level.hovered > a, div.offices-services .subnav .subnav__li--top-level:focus > a, div.offices-services .subnav .subnav__li--top-level.active > a {
  color: #f3cf45;
  background-color: #7d55c7;
}
div.offices-services .subnav .subnav__li--top-level:hover > a::after, div.offices-services .subnav .subnav__li--top-level.hovered > a::after, div.offices-services .subnav .subnav__li--top-level:focus > a::after, div.offices-services .subnav .subnav__li--top-level.active > a::after {
  border-top-color: #f3cf45;
}
div.offices-services .subnav .subnav__li--top-level .has-carat::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  border-left: 0.313rem solid transparent;
  border-right: 0.313rem solid transparent;
  border-top: 0.313rem solid #7d55c7;
}
div.offices-services .subnav .subnav__ul--second-level,
div.offices-services .subnav .subnav__ul--third-level {
  display: none;
  position: absolute;
  width: 20.313rem;
  background: #FFF;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-shadow: 0.063rem -0.063rem 0.25rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0.063rem -0.063rem 0.25rem 0 rgba(0, 0, 0, 0.3);
  padding: 1.75rem 0 0.938rem 0.625rem;
  z-index: 2;
}
div.offices-services .subnav .subnav__ul--third-level {
  top: 0;
  padding-top: 0.938rem;
}
div.offices-services .subnav .subnav__li--second-level,
div.offices-services .subnav .subnav__li--third-level {
  padding: 0.625rem 0;
  text-transform: capitalize;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #7d55c7;
  border-left: 0.25rem solid transparent;
  position: relative;
}
div.offices-services .subnav .subnav__li--second-level:hover, div.offices-services .subnav .subnav__li--second-level:focus, div.offices-services .subnav .subnav__li--second-level.hovered, div.offices-services .subnav .subnav__li--second-level.active,
div.offices-services .subnav .subnav__li--third-level:hover,
div.offices-services .subnav .subnav__li--third-level:focus,
div.offices-services .subnav .subnav__li--third-level.hovered,
div.offices-services .subnav .subnav__li--third-level.active {
  background-color: #7d55c7;
  border-color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level:hover .has-carat::after, div.offices-services .subnav .subnav__li--second-level:focus .has-carat::after, div.offices-services .subnav .subnav__li--second-level.hovered .has-carat::after, div.offices-services .subnav .subnav__li--second-level.active .has-carat::after,
div.offices-services .subnav .subnav__li--third-level:hover .has-carat::after,
div.offices-services .subnav .subnav__li--third-level:focus .has-carat::after,
div.offices-services .subnav .subnav__li--third-level.hovered .has-carat::after,
div.offices-services .subnav .subnav__li--third-level.active .has-carat::after {
  border-left-color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level:hover > a, div.offices-services .subnav .subnav__li--second-level:focus > a, div.offices-services .subnav .subnav__li--second-level.hovered > a, div.offices-services .subnav .subnav__li--second-level.active > a,
div.offices-services .subnav .subnav__li--third-level:hover > a,
div.offices-services .subnav .subnav__li--third-level:focus > a,
div.offices-services .subnav .subnav__li--third-level.hovered > a,
div.offices-services .subnav .subnav__li--third-level.active > a {
  color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level .has-carat::after,
div.offices-services .subnav .subnav__li--third-level .has-carat::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 0.813rem;
  right: 0.625rem;
  border-left: 0.313rem solid #7d55c7;
  border-bottom: 0.313rem solid transparent;
  border-top: 0.313rem solid transparent;
}
div.offices-services .subnav .subnav__li--second-level a,
div.offices-services .subnav .subnav__li--third-level a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  width: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0 0 1.063rem;
  text-align: left;
}
div.offices-services .subnav .subnav__li--second-level a.activepage,
div.offices-services .subnav .subnav__li--third-level a.activepage {
  color: #f3cf45;
  background-color: #7d55c7;
}
div.offices-services .subnav .subnav__li--top-level:hover .subnav__ul--second-level, div.offices-services .subnav .subnav__li--top-level:focus .subnav__ul--second-level.subnav__li--top-level.active .subnav__ul--second-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.offices-services .subnav .subnav__li--second-level:hover .subnav__ul--third-level, div.offices-services .subnav .subnav__li--second-level:focus .subnav__ul--third-level, div.offices-services .subnav .subnav__li--second-level.active .subnav__ul--third-level {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 100%;
}
div.offices-services .subnav .subnav__li--second-level:has(a:focus), div.offices-services .subnav .subnav__li--third-level:has(a:focus) {
  background-color: #7d55c7;
  border-color: #f3cf45;
  color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level:has(a:focus) a:focus, div.offices-services .subnav .subnav__li--third-level:has(a:focus) a:focus {
  color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level.activepage, div.offices-services .subnav .subnav__li--third-level.activepage {
  background-color: #7d55c7;
  border-color: #f3cf45;
  color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level.activepage > a, div.offices-services .subnav .subnav__li--third-level.activepage > a {
  color: #f3cf45;
}
div.offices-services .subnav .subnav__li--top-level .has-carat.activepage::after {
  border-top-color: #f3cf45;
}
div.offices-services .subnav .subnav__li--second-level.activepage a.has-carat::after, div.offices-services .subnav .subnav__li--third-level.activepage a.has-carat::after {
  border-left-color: #f3cf45;
}
div.offices-services .group-menu__container .group-menu__menu-container #subnav.subnav.full-width a.nav__title {
  margin: 0 auto;
  text-align: center;
  background-color: #7d5cc6;
  display: block;
  height: 0;
  background-image: url("/themes/custom/ccny_theme/dist/assets/ccny_cuny_web_icon.svg");
  background-repeat: no-repeat;
  background-size: auto 2.5em;
  background-position-x: center;
  background-position-y: top;
  padding: 0;
  background-origin: content-box;
}
div.offices-services .group-menu__container.sticky {
  position: fixed;
  width: 100%;
  left: 0;
  z-index: 2;
  padding-top: 0;
  top: 4.688rem;
  -webkit-transition: top 1s;
  -o-transition: top 1s;
  transition: top 1s;
}
div.offices-services .group-menu__container.sticky #subnav.subnav.full-width a.nav__title {
  height: 3.5em;
  padding: 0.5em;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}
div.offices-services .group-menu__container.sticky.hide {
  top: -25rem !important;
}
div.offices-services .group-menu__container.sticky.hide .group-menu__menu-container #subnav.subnav.full-width a.nav__title {
  height: 0;
  padding: 0;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}
div.offices-services #group-menu_ccny-head {
  margin: 0 auto;
  text-align: center;
  background-color: #FFF;
}
div.offices-services #group-menu_ccny-head a {
  display: block;
  text-align: center;
  background-color: #7d55c7;
  padding: 0.5em;
}
div.offices-services #group-menu_ccny-head a img {
  height: 2.5em;
}
div.offices-services .group-menu__subtitle {
  background-color: #FFF;
}
div.offices-services .group-menu__inner.inner-container.sticky {
  padding-top: 0;
  max-width: 100%;
}
div.offices-services .group-menu__inner.inner-container.sticky h4.group-menu__subtitle, div.offices-services .group-menu__inner.inner-container.sticky h2.group-menu__subtitle {
  display: none;
}
div.offices-services .full-width.subtitle {
  background-color: #FFF;
}
div.offices-services .full-width.subtitle .inner-container h4.group-menu__subtitle, div.offices-services .full-width.subtitle .inner-container h2.group-menu__subtitle {
  padding-left: 0;
}
@media (min-width: 55em) {
  div.offices-services .full-width.subtitle .inner-container h4.group-menu__subtitle, div.offices-services .full-width.subtitle .inner-container h2.group-menu__subtitle {
    padding-left: 1.563rem;
  }
}
@media (min-width: 64em) {
  div.offices-services .full-width.subtitle .inner-container h4.group-menu__subtitle, div.offices-services .full-width.subtitle .inner-container h2.group-menu__subtitle {
    padding-left: 1.563rem;
  }
}
@media (min-width: 75em) {
  div.offices-services .full-width.subtitle .inner-container h4.group-menu__subtitle, div.offices-services .full-width.subtitle .inner-container h2.group-menu__subtitle {
    padding-left: 1.563rem;
  }
}
div.offices-services .subnav-wrapper--mobile {
  display: block;
}
@media (min-width: 55em) {
  div.offices-services .subnav-wrapper--mobile {
    display: none;
  }
}
div.offices-services .subnav--mobile {
  background-color: #FFF;
  display: block;
  float: left;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: 3.438rem;
  z-index: 4;
}
div.offices-services .subnav--mobile .nav__mobile-close-button {
  position: fixed;
  top: 0;
}
div.offices-services .subnav--mobile .nav__side-menu-container.sticky {
  position: fixed;
  top: 0;
  background-color: #FFF;
}
div.offices-services .subnav--mobile .nav__menu-icon-container {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.313rem 1.25rem;
  background: transparent;
  border: 0.125rem solid #7d55c7;
  border-radius: 0.25rem;
  text-transform: uppercase;
  color: #7d55c7;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-align: center;
  width: 11.875rem;
  margin: 1em auto 0;
}
div.offices-services .subnav--mobile .nav__side-menu-container {
  position: absolute;
  top: 0;
}
div.offices-services .subnav--mobile .nav__submenu-items {
  border-top: 0.19rem #D7D7D7 solid;
  border-bottom: 0.063rem #D7D7D7 solid;
}
div.offices-services .subnav--mobile .nav__menu-label {
  font-size: 0.775rem;
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  color: #7d55c7;
  float: left;
  margin-top: 0;
}
div.offices-services .subnav--mobile .nav__menu-icon {
  stroke: #7d55c7;
  margin-left: 1.25rem;
  height: 0.775rem;
  margin-top: 0;
}
div.offices-services .subnav--mobile .nav__submenu-title-container,
div.offices-services .subnav--mobile .nav__side-menu-title-container,
div.offices-services .subnav--mobile .nav__submenu,
div.offices-services .subnav--mobile .nav__submenu-inner {
  background-color: #FFF;
}
div.offices-services .subnav--mobile .nav__submenu-title--main {
  color: #000;
  text-transform: uppercase;
  width: 100%;
  border-right: 0;
  padding-left: 1.25rem;
}
div.offices-services .subnav--mobile .nav__main-menu-icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  padding: 0.125rem;
  background: #7d55c7;
  border-radius: 0.25rem;
  text-transform: uppercase;
  color: #FFF;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-align: center;
  width: 5rem;
  height: 1.563rem;
  margin: 1.25rem;
}
div.offices-services .subnav--mobile .nav__main-menu-icon-container .nav__title {
  height: 1.25rem;
  width: 3.125rem;
}
div.offices-services .subnav--mobile .nav__main-menu-icon {
  stroke: #FFF;
  margin-left: 0.313rem;
  margin-top: 0;
  width: 0.625rem;
  height: 0.625rem;
}
div.offices-services .group-menu__container #subnavmobile .nav__title {
  margin: 0 auto;
  text-align: center;
  background-color: #7d5cc6;
  display: block;
  height: 0;
  background-image: url("/themes/custom/ccny_theme/dist/assets/ccny_cuny_web_icon.svg");
  background-repeat: no-repeat;
  background-size: auto 2.5em;
  background-position-x: center;
  padding: 0;
  background-origin: content-box;
}
div.offices-services .group-menu__container.sticky #subnavmobile .nav__title {
  height: 3.5em;
  padding: 0.5em;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}
div.offices-services .group-menu__container.sticky.hide #subnavmobile .nav__title {
  height: 0;
  padding: 0;
  -webkit-transition: height 1s;
  -o-transition: height 1s;
  transition: height 1s;
}
div.offices-services .subnav i.fa.fa-external-link {
  margin-left: 0.313rem;
}
div.offices-services .subnav .subnav__li a {
  padding: 0.938rem;
  font-size: 1.5em;
}
div.offices-services h3 {
  margin: 0.35em;
  padding: 2em 0rem 0;
}
div.offices-services .views-row {
  border-bottom: 0.25em #7d5cc6 solid;
}
div.offices-services .views-row .views-col {
  padding: 1em;
  word-break: break-word;
}
div.offices-services .views-row .views-col a {
  color: #4a90e2;
  text-decoration: none;
}
div.offices-services .views-row .views-col a:hover, div.offices-services .views-row .views-col a:focus {
  text-decoration: underline;
}
div.offices-services .views-row .views-col h5 a {
  color: #7d55c7;
}
div.offices-services .views-row .views-col.col-1 {
  border-right: 0.25em #7d5cc6 solid;
}
div.offices-services .views-row .views-col.col-1 div, div.offices-services .views-row .views-col.col-2 div {
  font-family: "Trebuchet", "Arial", sans-serif;
  color: #111;
  font-size: 1rem;
  margin: 0 0 1.625rem;
  word-break: break-word;
  word-wrap: break-word;
}
@media (min-width: 55em) {
  div.offices-services .views-row .views-col.col-1 div, div.offices-services .views-row .views-col.col-2 div {
    font-size: 1.25rem;
    line-height: 1.6;
  }
}

.interior-page div.experts-list form {
  margin-top: 0rem;
}

div.experts-list .styled-input, div.experts-list form.webform-submission-form input[type=tel], div.experts-list form.webform-submission-form input[type=number] {
  border: 0.125rem solid #7d55c7;
  border-radius: 0.5rem;
  height: 2.5rem;
  width: 100%;
  color: #000;
  font-family: "Trebuchet", "Arial", sans-serif;
  font-size: 0.93875rem;
  padding-left: 0.938rem;
  white-space: normal;
}
.user-login-form div.experts-list .styled-input, .user-login-form div.experts-list form.webform-submission-form input[type=tel], .user-login-form div.experts-list form.webform-submission-form input[type=number] {
  background: none;
  height: 2.5rem;
  width: auto;
}
div.experts-list .styled-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; /* remove default arrow */
  background: url("/themes/custom/ccny_theme/dist/assets/dropdown-carat.svg") no-repeat calc(100% - 0.625rem) center;
  padding-right: 2.5rem;
}
div.experts-list .styled-search {
  background: url("/themes/custom/ccny_theme/dist/assets/input-search.svg") no-repeat calc(100% - 0.625rem) center;
  padding-right: 2.813rem;
}
div.experts-list .styled-search::-webkit-input-placeholder {
  color: #000;
}
div.experts-list .styled-search::-moz-placeholder {
  color: #000;
}
div.experts-list .styled-search:-ms-input-placeholder {
  color: #000;
}
div.experts-list .styled-search::-ms-input-placeholder {
  color: #000;
}
div.experts-list .styled-search::placeholder {
  color: #000;
}
.user-login-form div.experts-list .styled-search {
  background: none;
}
div.experts-list .hollow-button {
  font-size: 1rem;
  font-family: "Trebuchet", "Arial", sans-serif;
  background: transparent;
  border: 0.125rem solid #7d55c7;
  min-width: 10.375rem;
  min-height: 1.5rem;
  border-radius: 0.5rem;
  text-transform: uppercase;
  color: #7d55c7;
  padding: 0.938rem;
  -webkit-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  letter-spacing: 0.078rem;
  text-align: center;
  text-decoration: none;
  height: 2.5rem;
  padding: 0.313rem;
}
div.experts-list .hollow-button:hover, div.experts-list .hollow-button:focus {
  background: #7d55c7;
  color: #FFF;
  cursor: pointer;
  text-decoration: none;
}
div.experts-list .hollow-button.hollow-button--yellow {
  color: #FFF;
  border-color: #f3cf45;
}
div.experts-list .hollow-button.hollow-button--yellow:hover, div.experts-list .hollow-button.hollow-button--yellow:focus {
  background-color: #111;
}
@media (min-width: 55em) {
  div.experts-list .hollow-button {
    font-size: 1.375rem;
    min-width: 14.75rem;
    min-height: 1.875rem;
  }
}
div.experts-list .hollow-button.back-to-calendar {
  margin: 0.625rem auto;
}
div.experts-list .pager-full__numbers-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  margin-bottom: 5rem;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__numbers-container {
    margin-bottom: 5rem;
  }
}
div.experts-list .pager-full__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2.25rem;
  width: 1.75rem;
}
div.experts-list .pager-full__item.active {
  background-color: #efefef;
}
div.experts-list .pager-full__item.active a {
  color: #000;
}
div.experts-list .pager-full__item a {
  text-decoration: none;
  font-size: 1.25rem;
  color: #7d55c7;
}
div.experts-list .pager-full__nav-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0.125rem solid #7d55c7;
  height: 2.25rem;
  margin-right: 0.75em;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__nav-buttons {
    margin-right: 0.938rem;
  }
}
div.experts-list .pager-full__nav-buttons a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 0.875rem;
  line-height: 1rem;
  padding: 0.625rem 0;
}
div.experts-list .pager-full__nav-buttons img {
  height: 0.938rem;
}
div.experts-list .pager-full__prev,
div.experts-list .pager-full__next {
  width: 1.75rem;
}
div.experts-list .pager-full__prev {
  margin-right: 0.469rem;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__prev {
    margin-right: 0;
  }
}
div.experts-list .pager-full__next {
  margin-left: 0.469rem;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__next {
    margin-left: 0;
  }
}
div.experts-list .pager-full__last,
div.experts-list .pager-full__first {
  width: 1.875rem;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__last,
  div.experts-list .pager-full__first {
    width: 5rem;
  }
}
div.experts-list .pager-full__last {
  margin-right: 0;
}
div.experts-list .pager-full__last span,
div.experts-list .pager-full__first span {
  color: #7d55c7;
}
div.experts-list .pager-full__last span {
  display: none;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__last span {
    display: inline;
    margin-right: 0.469rem;
  }
}
div.experts-list .pager-full__first span {
  display: none;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__first span {
    display: inline;
    margin-left: 0.469rem;
  }
}
div.experts-list .pager-full__ellipsis {
  display: none;
}
@media (min-width: 55em) {
  div.experts-list .pager-full__ellipsis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 1.563rem;
    height: 2.25rem;
  }
}
div.experts-list .pager-full__ellipsis--start {
  margin-left: 0.469rem;
}
div.experts-list .pager-full__ellipsis--end {
  margin-right: 0.469rem;
}
div.experts-list .pager-full__numbers-container {
  margin-bottom: 0;
}
div.experts-list form {
  margin-top: 100rem;
}
div.experts-list .form-item {
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
  width: 30%;
  float: left;
}
div.experts-list label {
  display: block;
  font-family: "Trebuchet", "Arial", sans-serif;
  font-size: 1.125rem;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}
div.experts-list .views-col.col-1, div.experts-list .views-col.col-2 {
  border-right: 0.25em #7d5cc6 solid;
}
@media (max-width: 50em) {
  div.experts-list .form-item {
    width: 100%;
    float: none;
  }
  div.experts-list .views-row {
    border-bottom: 0.25em #7d5cc6 solid;
  }
  div.experts-list .views-row .views-col.col-1, div.experts-list .views-row .views-col.col-2 {
    border-right: none;
  }
}
div.experts-list input.hollow-button {
  margin-top: 1.4em;
}
div.experts-list .views-row {
  border-bottom: 0.25em #7d5cc6 solid;
  margin-bottom: 3.125rem;
}
div.experts-list .views-row .views-col {
  display: block;
  width: 33.3333333333% !important;
  border-bottom: none;
}
@media (max-width: 50em) {
  div.experts-list .views-row {
    border-bottom: none;
  }
  div.experts-list .views-row .views-col {
    display: block;
    width: 100% !important;
    border-bottom: 0.25em #7d5cc6 solid;
  }
}
div.experts-list .views-row .views-col {
  padding: 1em;
  word-break: break-word;
  margin-bottom: 3.125rem;
}
div.experts-list .views-row .views-col a, div.experts-list .views-row .views-col a:link, div.experts-list .views-row .views-col a:visited {
  color: #4a90e2;
  text-decoration: none;
  word-break: break-all;
}
div.experts-list .views-row .views-col a:hover, div.experts-list .views-row .views-col a:active, div.experts-list .views-row .views-col a:focus {
  text-decoration: underline;
}
div.experts-list .views-row .views-col .views-field-field-profile-photo {
  text-align: center;
}
div.experts-list .views-row .views-col .views-field-field-profile-photo img {
  max-width: 29.188rem;
  -webkit-box-shadow: 0.125rem 0.625rem 0 0 #f3cf45;
  box-shadow: 0.125rem 0.625rem 0 0 #f3cf45;
  border: 0;
  height: auto;
}
div.experts-list .views-row .views-col h3 {
  margin: 0.35em 0;
  font-size: 1.75em;
  color: #7d5cc6;
  letter-spacing: normal;
  text-align: center;
}
div.experts-list .views-row .views-col h3 a, div.experts-list .views-row .views-col h3 a:link, div.experts-list .views-row .views-col h3 a:visited {
  color: #7d5cc6;
  text-decoration: none;
}
div.experts-list .views-row .views-col h3 a:hover, div.experts-list .views-row .views-col h3 a:focus {
  text-decoration: underline;
}
div.experts-list .views-row .views-col h4 {
  font-size: 1.5em;
  letter-spacing: 0.063rem;
  margin-top: 0.5em;
}
div.experts-list .views-row .views-col ul, div.experts-list .views-row .views-col ol {
  margin-left: 2rem;
}
div.experts-list .views-row .views-col ul li, div.experts-list .views-row .views-col ol li {
  list-style: inherit;
}
div.experts-list .styled-search {
  background: unset;
}

.ui-widget.ui-widget-content.ui-autocomplete {
  font-size: 0.93875rem;
  line-height: 1.15;
  letter-spacing: 0.02em;
  color: #464646;
  -webkit-font-smoothing: antialiased;
  font-family: "Trebuchet", "Arial", sans-serif;
}

a.feed-icon {
  background-image: url("/themes/custom/ccny_theme/dist/assets/rss.svg");
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  color: transparent;
  display: inline-block;
  width: 1.75rem;
  height: 1.75rem;
}

input[type=checkbox] + label::before {
  margin-bottom: 0.313rem;
}
input[type=checkbox]:checked + label::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  background: #7d55c7;
  width: 1.125rem;
  height: 1.125rem;
}

input[type=date]::-webkit-calendar-picker-indicator {
  background-size: 2.5rem 2.5rem;
  background: url("/themes/custom/ccny_theme/dist/assets/calendar-icon.svg") no-repeat;
  border-width: thin;
  color: rgba(0, 0, 0, 0);
  display: block;
  height: 1.875rem;
  margin-right: 0.625rem;
  opacity: 1;
  width: 1.875rem;
}
input[type=date]::-webkit-inner-spin-button {
  display: none;
}

input[type=url] {
  width: 25em;
}

main.main-content-container.search-results {
  margin-top: 6em;
}

@media (min-width: 55em) {
  main.main-content-container.search-results {
    margin-top: 1em;
  }
}
form.webform-submission-form textarea {
  text-transform: none !important;
}

.accordion__section {
  overflow: auto;
}

.media_advisory {
  font-family: "Trebuchet", "Arial", sans-serif;
  font-size: 1rem;
  color: #111;
  /* overflow-wrap: break-word; */
}
.media_advisory a {
  color: #4a90e2;
  text-decoration: none;
}
.media_advisory a:hover, .media_advisory a:focus {
  text-decoration: underline;
}
@media (min-width: 55em) {
  .media_advisory {
    font-size: 1.25rem;
  }
}
.media_advisory p {
  line-height: 1.4;
  margin: 0 0 1.625rem;
}
@media (min-width: 55em) {
  .media_advisory p {
    line-height: 1.6;
  }
}
.media_advisory table,
.media_advisory td,
.media_advisory th {
  border: 0 none;
}
@media (min-width: 30em) {
  .media_advisory h3.description {
    float: none;
  }
  .media_advisory div.info {
    float: none;
  }
}
@media (min-width: 40em) {
  .media_advisory h3.description {
    float: none;
  }
  .media_advisory div.info {
    float: none;
  }
}
@media (min-width: 55em) {
  .media_advisory h3.description {
    float: left;
    width: 5em;
    margin-top: 0.5em;
  }
  .media_advisory div.info {
    float: left;
    margin-top: 0.5em;
    width: 50em;
  }
}

.mediaadvisory .add-this--container__full {
  width: 10%;
}

iframe.gdoc-field {
  width: 80% !important;
  height: 79vw !important; /* set document to display in 8.5 x 11 document aspect ratio */
}

.gdoc-filename {
  line-height: 1.6;
  font-family: "Trebuchet Bold", "Arial Bold", sans-serif;
  color: #000;
  word-break: break-word;
  word-wrap: break-word;
}
.gdoc-filename a, .gdoc-filename a:link {
  color: #4a90e2;
  text-decoration: none;
}
.gdoc-filename a:hover, .gdoc-filename a:focus {
  text-decoration: underline;
}

.body-paragraph td, .body-paragraph th {
  word-wrap: break-word;
}

.anchorLink {
  display: block;
  position: relative;
  top: -7.5rem;
  visibility: hidden;
}

.last-updated {
  padding: 0.938rem 2.188rem 2.188rem;
}
.last-updated span {
  font-weight: bold;
}

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

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

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

.visuallyhidden {
  visibility: hidden;
  height: 0.063rem;
  margin: 0;
  padding: 0;
}

a.simple-button-plugin {
  display: inline-block;
  background-color: #7d5cc6;
  border: 0.063rem solid #7d5cc6;
  color: #fff !important;
  padding: 0.625rem 1.875rem;
  border-radius: 0.313rem;
  font-size: 1.25rem;
  text-decoration: none !important;
  cursor: pointer;
}

.pdf-reader, .download-pdf.link-pdf {
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 992px) {
  #pdf_reader, .pdf-reader-embed object {
    width: 400px !important;
  }
}
/* EU Consent overrides */
.cookiesjsr-banner {
  background-color: #f3cf45;
}
.cookiesjsr-banner .cookiesjsr-banner--info {
  color: #111;
}
.cookiesjsr-banner button.cookiesjsr-btn {
  background-color: #7d55c7;
}
.cookiesjsr-banner button.cookiesjsr-btn.important {
  color: #7d55c7;
  background-color: #FFF;
}
.cookiesjsr-banner a, .cookiesjsr-banner a:link {
  color: #111;
  text-decoration: underline;
}
.cookiesjsr-banner a:hover, .cookiesjsr-banner a:focus {
  text-decoration: none;
}

.cookiesjsr-layer .cookiesjsr-service-group.active .cookiesjsr-service-group--content, .cookiesjsr-layer .cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background-color: #7d55c7;
}
.cookiesjsr-layer .cookiesjsr-btn.invert {
  border-color: #7d55c7;
  color: #7d55c7;
}
.cookiesjsr-layer .cookiesjsr-btn.important.invert {
  background-color: #7d55c7;
  color: #FFF;
}

#backToTopBtn {
  display: none;
  position: fixed;
  bottom: 1.25rem;
  right: 1.875rem;
  z-index: 99;
  outline: none;
  background-color: #fff;
  color: #7d5cc6;
  cursor: pointer;
  padding: 0.313rem;
  font-family: "Trebuchet", "Arial", sans-serif;
  border: 0.063rem solid #7d5cc6;
  width: 2em;
  border-radius: 0.313rem;
  font-size: 1.25rem;
  text-decoration: none !important;
}

#backToTopBtn:hover, #backToTopBtn:focus {
  color: #f3cf45;
  background-color: #7d5cc6;
}

html {
  scroll-behavior: smooth;
}

.heading-paragraph {
  margin: 0 0 1.625rem;
  padding-top: 1.25rem;
}

/* BEGIN cookies banner styling */
#cookiesjsr {
  --default-margin: 1.25em;
  --font-size-reset: 1rem;
  --btn-font-color: #fff;
  --btn-border-color: #fff;
  --btn-bg-color: #004c93;
  --btn-prime-font-color: #004c93;
  --btn-prime-border-color: #fff;
  --btn-prime-bg-color: #fff;
  --btn-inv-font-color: #004c93;
  --btn-inv-border-color: #004c93;
  --btn-inv-bg-color: #fff;
  --btn-prime-inv-font-color: #fff;
  --btn-prime-inv-border-color: #004c93;
  --btn-prime-inv-bg-color: #004c93;
  --link-list-font-color: #fff;
  --link-list-separator-color: #fff;
  --banner-logo-offset: 100rem;
  --banner-bg-color: #004c93;
  --banner-font-color: #fff;
  --layer-header-height: 3.5em;
  --layer-header-bg-color: #fff;
  --layer-header-font-color: #000f37;
  --layer-body-bg-color: #fff;
  --layer-tab-bg-color: #fff;
  --layer-tab-font-color: #000f37;
  --layer-tab-active-bg-color: #004c93;
  --layer-tab-active-font-color: #fff;
  --layer-bg-dark: #004c93;
  --layer-font-light: #fff;
  --layer-font-dark: #000f37;
  --layer-border-color: #e4e5e6;
  --layer-footer-bg-color: #fff;
  --layer-footer-font-color: #000f37;
  --layer-footer-height: 4.5em;
  --switch-border-color: #e4e5e6;
  --switch-handle-color: #fff;
  --switch-bg-off: #fff;
  --switch-bg-on: #0a0;
  --switch-width: 2.813rem;
  --switch-height: 1.25rem;
  --switch-always-on-font-color: #0a0;
  --switch-always-on-bg-color: #fff;
}

.cookiesjsr-btn {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #004c93;
  background-color: var(--btn-bg-color, #004c93);
  border: 0.125rem solid #fff;
  border: 0.125rem solid var(--btn-border-color, #fff);
  color: #fff;
  color: var(--btn-font-color, #fff);
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font: inherit;
  font-size: 0.85em;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0.625em;
  min-height: 2.625rem;
  opacity: 0.95;
  padding: 0;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  white-space: nowrap;
  width: calc(100% - 2.5em);
}

@media (min-width: 36rem) {
  .cookiesjsr-btn {
    min-height: 3rem;
  }
}
.cookiesjsr-btn:hover {
  opacity: 1;
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.cookiesjsr-btn.invert {
  background-color: #fff;
  background-color: var(--btn-inv-bg-color, #fff);
  border-color: #004c93;
  border-color: var(--btn-inv-border-color, #004c93);
  color: #004c93;
  color: var(--btn-inv-font-color, #004c93);
}

.cookiesjsr-btn.important {
  background-color: #fff;
  background-color: var(--btn-prime-bg-color, #fff);
  border-color: #fff;
  border-color: var(--btn-prime-border-color, #fff);
  color: #004c93;
  color: var(--btn-prime-font-color, #004c93);
}

.cookiesjsr-btn.important.invert {
  background-color: #004c93;
  background-color: var(--btn-prime-inv-bg-color, #004c93);
  border-color: #004c93;
  border-color: var(--btn-prime-inv-border-color, #004c93);
  color: #fff;
  color: var(--btn-prime-inv-font-color, #fff);
}

.cookiesjsr-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  list-style: none;
  margin: 0 -0.75em;
  padding: 0;
}

@media (min-width: 36rem) {
  .cookiesjsr-links.links--row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}
.cookiesjsr-links.links--row li {
  margin: 0;
  padding-left: 0.75em;
  padding-right: 0.75em;
  position: relative;
}

.cookiesjsr-links.links--row li a {
  display: inline-block;
  line-height: 2em;
  margin: 0;
  padding: 0;
}

.cookiesjsr-links.links--row li:first-child:before {
  content: none;
}

@media (min-width: 36rem) {
  .cookiesjsr-links.links--row li:before {
    background-color: #fff;
    background-color: var(--link-list-separator-color, #fff);
    content: "";
    height: 0.3em;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -40%);
    -ms-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    width: 0.3em;
  }
}
.cookiesjsr-btn.denyAll {
  display: none;
}

@media (min-width: 75rem) {
  .cookiesjsr-btn.denyAll {
    display: inline-block;
  }
}
.cookiesjsr-switch {
  background-color: #fff;
  background-color: var(--switch-bg-off, #fff);
  border: 0;
  border-radius: 1.25rem;
  border-radius: var(--switch-height, 1.25rem);
  -webkit-box-shadow: inset -0.063rem 0.125rem 0.063rem rgba(0, 0, 0, 0.25);
  box-shadow: inset -0.063rem 0.125rem 0.063rem rgba(0, 0, 0, 0.25);
  cursor: pointer;
  display: block;
  height: 1.25rem;
  height: var(--switch-height, 1.25rem);
  margin: 0;
  padding: 0;
  position: relative;
  -webkit-transition: background-color 0.1s ease-in-out;
  -o-transition: background-color 0.1s ease-in-out;
  transition: background-color 0.1s ease-in-out;
  width: 2.813rem;
  width: var(--switch-width, 2.813rem);
}

.cookiesjsr-switch:focus-within:before {
  border: 0.063rem dotted #eee;
  border-radius: 0.625rem;
  content: "";
  height: 100%;
  position: absolute;
  -webkit-transform: scale(1.4);
  -ms-transform: scale(1.4);
  transform: scale(1.4);
  width: 100%;
}

.cookiesjsr-switch:after {
  background-color: #fff;
  background-color: var(--switch-handle-color, #fff);
  border: 0.063rem solid #e4e5e6;
  border: 0.063rem solid var(--switch-border-color, #e4e5e6);
  border-radius: 1.25rem;
  border-radius: var(--switch-height, 1.25rem);
  -webkit-box-shadow: -0.063rem 0.125rem 0.063rem rgba(0, 0, 0, 0.25);
  box-shadow: -0.063rem 0.125rem 0.063rem rgba(0, 0, 0, 0.25);
  content: "";
  display: block;
  height: 1.25rem;
  height: var(--switch-height, 1.25rem);
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition: left 0.1s ease-in-out;
  -o-transition: left 0.1s ease-in-out;
  transition: left 0.1s ease-in-out;
  width: 1.25rem;
  width: var(--switch-height, 1.25rem);
}

.cookiesjsr-switch.active {
  background-color: #0a0;
  background-color: var(--switch-bg-on, #0a0);
}

.cookiesjsr-switch.active:after {
  left: 1.563rem;
}

.cookiesjsr-switch input[type=checkbox] {
  opacity: 0;
  position: absolute;
}

.cookiesjsr-banner {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #004c93;
  background-color: var(--banner-bg-color, #004c93);
  bottom: 0;
  color: #fff;
  color: var(--banner-font-color, #fff);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: auto;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  left: 0;
  max-height: calc(100vh - 6.25rem);
  overflow: auto;
  padding: 1em;
  position: fixed;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  transition: -webkit-transform 0.3s ease-in-out;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  -o-transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out;
  transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
  width: 100vw;
  z-index: 10000;
}

.cookiesjsr-banner.active {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

@media (min-width: 48rem) {
  .cookiesjsr-banner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cookiesjsr-banner a {
  color: #fff;
  color: var(--link-list-font-color, #fff);
}

.cookiesjsr-banner--action, .cookiesjsr-banner--info {
  width: 100%;
}

@media (min-width: 48rem) {
  .cookiesjsr-banner--action, .cookiesjsr-banner--info {
    width: 50%;
  }
}
.cookiesjsr-banner--info {
  margin-bottom: 1.25em;
  margin-bottom: var(--default-margin, 1.25em);
  max-height: calc(100vh - 6.25rem - 2.5em);
  overflow: auto;
  padding: 0 1.25em;
  padding: 0 var(--default-margin, 1.25em);
}

.cookiesjsr-banner--text {
  display: block;
}

.cookiesjsr-banner--links {
  font-size: 0.85em;
  margin-top: 0.5em;
}

.cookiesjsr-banner--action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 75rem) {
  .cookiesjsr-banner--action {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.cookiesjsr-banner button.denyAll {
  display: inline-block;
}

.cookiesjsr-service-groups {
  display: block;
  list-style: none;
  margin: 0 0 -0.063rem !important;
  max-height: 100%;
  overflow: auto;
  padding: 0 !important;
  position: static !important;
}

.cookiesjsr-service-group {
  line-height: 1.5em;
  list-style: none;
  position: static !important;
}

.cookiesjsr-service-group--tab {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: #fff;
  background: var(--layer-tab-bg-color, #fff);
  border: 0;
  border-bottom: 0.063rem solid #e4e5e6;
  border-bottom: 0.063rem solid var(--layer-border-color, #e4e5e6);
  color: #000f37;
  color: var(--layer-tab-font-color, #000f37);
  cursor: pointer;
  display: block;
  font-weight: 700;
  margin: 0;
  min-height: 3em;
  padding: 1em 1.25em;
  padding: 1em var(--default-margin, 1.25em);
  text-align: left;
  text-decoration: none;
  width: 100%;
}

.cookiesjsr-service-group--tab:last-child {
  border-bottom: 0;
}

@media (min-width: 48rem) {
  .cookiesjsr-service-group--tab {
    padding: 1em 3.25em 1em 1.25em;
    width: calc(30% + 2em);
  }
}
.cookiesjsr-service-group--content {
  display: none;
}

@media (min-width: 48rem) {
  .cookiesjsr-service-group--content {
    height: 100%;
    overflow: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
  }
}
.cookiesjsr-service-group--intro {
  padding: 1em 1.25em;
  padding: 1em var(--default-margin, 1.25em);
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--tab {
  background: #004c93;
  background: var(--layer-tab-active-bg-color, #004c93);
  border-bottom: 0;
  color: #fff;
  color: var(--layer-tab-active-font-color, #fff);
}

.cookiesjsr-service-group.active .cookiesjsr-service-group--content {
  background: #004c93;
  background: var(--layer-tab-active-bg-color, #004c93);
  color: #fff;
  color: var(--layer-tab-active-font-color, #fff);
  display: block;
  font-weight: 500;
}

.cookiesjsr-service-group--services {
  margin: 0 !important;
  padding: 0 !important;
}

.cookiesjsr-service {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(210deg, 4%, 90%, 0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.cookiesjsr-service:hover {
  background-color: hsla(210deg, 4%, 90%, 0.1);
}

.cookiesjsr-service--description {
  padding: 0.625em 1.25em;
  width: calc(100% - 2.5em - 2.813rem);
}

.cookiesjsr-service--description h3 {
  color: #fff;
  color: var(--layer-font-light, #fff);
  font-size: 1.125em;
  font-weight: 400;
  margin: 0;
}

.cookiesjsr-service--links a {
  font-size: 0.75em;
}

.cookiesjsr-service--links a, .cookiesjsr-service--links a:active, .cookiesjsr-service--links a:hover, .cookiesjsr-service--links a:visited {
  color: #fff;
  color: var(--layer-font-light, #fff);
}

.cookiesjsr-service--action {
  padding: 0.625em 1.25em;
  width: calc(2.5em + 2.813rem);
}

.cookiesjsr-service--always-on {
  color: #0a0;
  color: var(--switch-always-on-font-color, #0a0);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: right;
  white-space: nowrap;
}

.cookiesjsr-service--always-on span {
  background-color: #fff;
  background-color: var(--switch-always-on-bg-color, #fff);
  padding: 0 0.5em;
}

.cookiesjsr-layer {
  background: #fff;
  background: var(--layer-header-bg-color, #fff);
  display: block;
  height: 100vh;
  left: 50%;
  line-height: 1.5em;
  max-width: 100%;
  overflow: hidden;
  padding: 3.5em 0 4.5em;
  padding: var(--layer-header-height, 3.5em) 0 var(--layer-footer-height, 4.5em);
  position: fixed;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100vw;
  z-index: 314160;
}

@media (min-height: 41.75rem) {
  .cookiesjsr-layer {
    height: 80vh;
    max-height: 35.938rem;
  }
}
@media (min-height: 62rem) {
  .cookiesjsr-layer {
    height: 60vh;
  }
}
@media (min-width: 48rem) {
  .cookiesjsr-layer {
    width: 53.75rem;
  }
}
.cookiesjsr-layer--overlay {
  background: rgba(0, 0, 0, 0.4);
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 314159;
}

.cookiesjsr-layer--header {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  background: #fff;
  background: var(--layer-header-bg-color, #fff);
  border-bottom: 0.063rem solid #e4e5e6;
  border-bottom: 0.063rem solid var(--layer-border-color, #e4e5e6);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 3.5em;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  left: 0;
  margin: 0;
  padding: 0 1.25em;
  padding: 0 var(--default-margin, 1.25em);
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 100;
}

.cookiesjsr-layer--title {
  color: #000f37;
  color: var(--layer-header-font-color, #000f37);
  text-transform: uppercase;
}

.cookiesjsr-layer--close {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: transparent url("data: image/svg+xml;	charset=utf-8,%3Csvg width='27' height='27' xmlns='http: //www.w3.org/2000/svg'%3E%3Cpath d='M24.263 0 13.501 10.762 2.737 0 0 2.737l10.764 10.764L0 24.263 2.737 27l10.764-10.764L24.263 27 27 24.263 16.238 13.501 27 2.737z' fill='%23000f37' fill-rule='evenodd'/%3E%3C/svg%3E") no-repeat 50% scroll;
  background-size: contain;
  border: 0;
  cursor: pointer;
  height: 1em;
  overflow: hidden;
  padding: 0;
  text-indent: -999em;
  width: 1em;
  z-index: 102;
}

.cookiesjsr-layer--body {
  background: #fff;
  background: var(--layer-body-bg-color, #fff);
  bottom: 4.5em;
  bottom: var(--layer-footer-height, 4.5em);
  left: 0;
  position: absolute;
  right: 0;
  top: 3.5em;
  top: var(--layer-header-height, 3.5em);
}

.cookiesjsr-layer--footer {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #fff;
  background: var(--layer-footer-bg-color, #fff);
  border-top: 0.063rem solid #e4e5e6;
  border-top: 0.063rem solid var(--layer-border-color, #e4e5e6);
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 4.5em;
  height: var(--layer-footer-height, 4.5em);
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  left: 0;
  padding: 0 1.25em;
  padding: 0 var(--default-margin, 1.25em);
  position: absolute;
  width: 100%;
}

@media (min-width: 48rem) {
  .cookiesjsr-layer--footer {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.cookiesjsr-layer--label-all {
  color: #000f37;
  color: var(--layer-footer-font-color, #000f37);
  display: none;
}

@media (min-width: 48rem) {
  .cookiesjsr-layer--label-all {
    display: block;
    padding-right: 1.25em;
    padding-right: var(--default-margin, 1.25em);
    width: 30%;
  }
}
.cookiesjsr-layer--actions {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -0.625em;
  width: calc(100% + 1.25em);
}

@media (min-width: 48rem) {
  .cookiesjsr-layer--actions {
    width: calc(70% + 0.625em);
  }
}
.cookiesjsr-layer button.allowAll, .cookiesjsr-layer button.denyAll {
  display: none;
}

@media (min-width: 36rem) {
  .cookiesjsr-layer button.allowAll, .cookiesjsr-layer button.denyAll {
    display: inline-block;
  }
}
@media (max-width: 36rem) {
  .cookiesjsr-layer button.save {
    margin-left: auto;
    padding: 0 2em;
    width: auto;
  }
}
.cookiesjsr--app {
  font-size: 1rem;
  font-size: var(--font-size-reset, 1rem);
}

body .cookiesjsr--app, body .cookiesjsr--app *, body .cookiesjsr--app :after, body .cookiesjsr--app :before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.cookiesjsr-banner {
  background-color: #f3cf45;
}

/* END cookies banner styling */