/*  sofia-pro adobe font */
@import url("https://use.typekit.net/pnt5gcl.css");

/* nunito google font */
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;500;600;700&display=swap');


/* Global styles and overrides */

:root {
  /* Colors */
  --brand-blue: #230073;
  --primary: #654BFB;

  /* Typography */
  --body-color: #1d2b36;
  --heading-color: #1D2B36;
  --body-font-size: 17px;
  --callout-font-size: 17px;
  --bold-color: var(--body-color); 

  /* Links */
  --link-color: var(--body-color);
  --link-hover-color: var(--primary);
  --link-underline-offset: 3px;

  /* Sidebar links */
  --sidebar-link-color: var(--primary);
  --sidebar-link-hover-color: var(--sidebar-link-color);

  --sidebar-link-inactive-color: var(--link-color);
  --sidebar-link-inactive-hover-color: var(--link-hover-color);
  /* Layout */
  --categories-gap: 30px;
  --categories-gap-mobile: 20px; 
  --category-icon-width: 110px;
  --category-icon-height: 110px;

  /* Search */
  --search-result-color: var(--body-color);
  --search-result-active-color: var(--body-color);

  /* Article list */
  --article-list-separator-color: #ddd; 
}

body {
  font-family: sofia-pro, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  background-repeat: no-repeat, no-repeat;
  background-position: 0 700px, 100% 90%;
  background-size: 350px 350px, 350px 350px;
  background-color: #FAFAFA;
  overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
strong {
  font-weight: 700;
  color: var(--heading-color);
}

strong {
  -webkit-font-smoothing: auto;
}

/* Nav */
#mainNav {
  position: relative;
  z-index: 2;
}

.container-fluid {
  max-width: 1250px;
}

@media screen and (min-width: 500px) and (max-width: 1000px) {
  .container-fluid {
    width: 95%;
  }
}

/* Footer */

footer p {
  font-size: 13px;
  color: #556575;
}

footer p a {
  color: #556575;
}

footer p span {
  display: none;
}


/* Category: single tile */

/* Internal category with no icons */
#collection-category-8 .category {
  padding-top: 60px;
  min-height: 190px;
}




.category-list .category,
#collection-17 {
  background-color: #FFF;
  border: none;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.03) 0px 0px 0px 1px,
              rgb(241, 243, 245) 0px 2px 10px 0px,
              rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 30px 30px 0;
  padding: 135px 20px 40px;
  min-height: 285px;
  transition: all 0.1s ease-in-out;
  width: 100%;
}

#collection-17 {
  text-align: center;
  min-height: unset;
  padding-top: 2rem;
  padding-bottom: 2rem;
  margin-bottom: 0;
  position: relative;
  padding-left: 80px; /* Compensate with icon on mobile  */
  display: flex;
  justify-content: center;
}

#collection-17:hover {
  text-decoration: none;
  color: var(--body-color);

}

#collection-17 .icon-private-lg {
  display: none;
}

#collection-17 > span {
  position: relative;
  display: flex; 
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding-left: 16px;
  font-size: 1.25rem;
}

#collection-17:hover > span {
  color: var(--body-color);
}

#collection-17 > span::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

#collection-17 > span::after {
  content: '';
  position: absolute; 
  width: 80px;
  height: 80px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 80 80' fill='none'%3E%3Cg clip-path='url(%23clip0_2043_588)'%3E%3Cpath d='M58.5682 12.3453L46.1178 2.28474C45.3968 1.70196 44.322 2.2152 44.322 3.14246V6.24426C44.322 6.556 44.0693 6.80857 43.7577 6.80857H34.8284C35.975 8.66829 36.6378 10.8579 36.6378 13.203C36.6378 15.548 35.975 17.7378 34.8284 19.5975H43.7577C44.0693 19.5975 44.322 19.8503 44.322 20.1618V23.2636C44.322 24.1909 45.3968 24.7041 46.1178 24.1214L58.5682 14.0607C59.1143 13.6193 59.1143 12.7865 58.5682 12.3453Z' fill='%23E83A68'/%3E%3Cpath d='M35.3294 6.80841H23.511C24.6576 8.66813 25.3205 10.8577 25.3205 13.2028C25.3205 15.5479 24.6576 17.7377 23.511 19.5974H35.3294C36.476 17.7377 37.1389 15.5481 37.1389 13.2028C37.1389 10.8576 36.476 8.66813 35.3294 6.80841Z' fill='%23D81E5C'/%3E%3Cpath d='M29.6899 6.80841H23.511C24.6576 8.66813 25.3205 10.8577 25.3205 13.2028C25.3205 15.5479 24.6576 17.7377 23.511 19.5974H29.6901C30.8367 17.7377 31.4996 15.5481 31.4996 13.2028C31.4996 10.8576 30.8365 8.66813 29.6899 6.80841Z' fill='%23BA1551'/%3E%3Cpath d='M13.7855 25.4059C20.525 25.4059 25.9884 19.9424 25.9884 13.2029C25.9884 6.46344 20.525 1 13.7855 1C7.04596 1 1.58252 6.46344 1.58252 13.2029C1.58252 19.9424 7.04596 25.4059 13.7855 25.4059Z' fill='%23F1F2FF'/%3E%3Cpath d='M8.03998 13.2029C8.03998 7.58164 11.8423 2.85096 17.0142 1.4351C15.9855 1.15336 14.9035 1 13.7855 1C7.04593 1 1.58252 6.46341 1.58252 13.2029C1.58252 19.9425 7.04593 25.4059 13.7855 25.4059C14.9035 25.4059 15.9853 25.2525 17.0142 24.971C11.8421 23.5548 8.03998 18.8242 8.03998 13.2029Z' fill='%23BFC4EE' fill-opacity='0.42'/%3E%3Cpath d='M13.9221 19.2474C13.2304 19.2474 12.6696 18.6866 12.6696 17.9949V10.3899C12.0922 10.5607 11.4596 10.2934 11.1888 9.73366C10.8876 9.111 11.1481 8.3619 11.7707 8.0607L13.3766 7.28371C13.7647 7.09598 14.2223 7.12095 14.5875 7.35001C14.9529 7.57907 15.1747 7.97997 15.1747 8.41118V17.9951C15.1745 18.6866 14.6138 19.2474 13.9221 19.2474Z' fill='%23BA1551'/%3E%3Cpath d='M68.788 38.6423L56.3377 28.5818C55.6165 27.999 54.5418 28.5124 54.5418 29.4395V32.5413C54.5418 32.853 54.2891 33.1056 53.9775 33.1056H34.8284C35.975 34.9653 36.6378 37.1549 36.6378 39.5C36.6378 41.8451 35.975 44.0348 34.8284 45.8946H53.9774C54.2891 45.8946 54.5417 46.1473 54.5417 46.4589V49.5607C54.5417 50.4878 55.6163 51.0012 56.3375 50.4184L68.7878 40.3579C69.3343 39.9163 69.3343 39.0837 68.788 38.6423Z' fill='%238CC1FF'/%3E%3Cpath d='M68.788 38.6423L56.3377 28.5818C55.6165 27.999 54.5418 28.5124 54.5418 29.4395V32.5413C54.5418 32.853 54.2891 33.1056 53.9775 33.1056H34.8284C35.975 34.9653 36.6378 37.1549 36.6378 39.5C36.6378 41.8451 35.975 44.0348 34.8284 45.8946H53.9774C54.2891 45.8946 54.5417 46.1473 54.5417 46.4589V49.5607C54.5417 50.4878 55.6163 51.0012 56.3375 50.4184L68.7878 40.3579C69.3343 39.9163 69.3343 39.0837 68.788 38.6423Z' fill='white' fill-opacity='0.05'/%3E%3Cpath d='M35.3294 33.1055H23.511C24.6576 34.9652 25.3205 37.1548 25.3205 39.5C25.3205 41.8451 24.6576 44.0349 23.511 45.8946H35.3294C36.476 44.0349 37.1389 41.8453 37.1389 39.5C37.1389 37.155 36.476 34.9652 35.3294 33.1055Z' fill='%2369A7F0'/%3E%3Cpath d='M29.6899 33.1055H23.511C24.6576 34.9652 25.3205 37.1548 25.3205 39.5C25.3205 41.8451 24.6576 44.0349 23.511 45.8946H29.6901C30.8367 44.0349 31.4997 41.8453 31.4997 39.5C31.4996 37.155 30.8365 34.9652 29.6899 33.1055Z' fill='%238CC1FF'/%3E%3Cpath d='M29.6899 33.1055H23.511C24.6576 34.9652 25.3205 37.1548 25.3205 39.5C25.3205 41.8451 24.6576 44.0349 23.511 45.8946H29.6901C30.8367 44.0349 31.4997 41.8453 31.4997 39.5C31.4996 37.155 30.8365 34.9652 29.6899 33.1055Z' fill='black' fill-opacity='0.05'/%3E%3Cpath d='M13.7855 51.7029C20.525 51.7029 25.9884 46.2395 25.9884 39.5C25.9884 32.7605 20.525 27.2971 13.7855 27.2971C7.04596 27.2971 1.58252 32.7605 1.58252 39.5C1.58252 46.2395 7.04596 51.7029 13.7855 51.7029Z' fill='%23F1F2FF'/%3E%3Cpath d='M8.03998 39.5C8.03998 33.8787 11.8423 29.148 17.0142 27.7322C15.9855 27.4506 14.9037 27.2971 13.7855 27.2971C7.04593 27.2971 1.58252 32.7605 1.58252 39.5C1.58252 46.2395 7.04593 51.7029 13.7855 51.7029C14.9035 51.7029 15.9853 51.5496 17.0142 51.2678C11.8421 49.852 8.03998 45.1213 8.03998 39.5Z' fill='%23BFC4EE' fill-opacity='0.42'/%3E%3Cpath d='M16.7117 45.5857H10.859C10.3588 45.5857 9.90648 45.2881 9.70855 44.8285C9.51077 44.369 9.60528 43.8359 9.94895 43.4725L14.4699 38.6929C14.8652 38.249 15.0609 37.7358 15.021 37.2462C14.987 36.8281 14.7874 36.4614 14.4439 36.1862C14.0665 35.8837 13.6345 35.8926 13.3383 35.953C12.7677 36.0699 12.2409 36.4647 11.9633 36.9834C11.6368 37.5933 10.8777 37.8231 10.268 37.4968C9.65813 37.1703 9.42826 36.4113 9.75459 35.8015C10.3837 34.626 11.5355 33.7652 12.8358 33.499C13.9967 33.2615 15.1241 33.5214 16.0102 34.2314C16.8924 34.9382 17.4279 35.9368 17.5178 37.0432C17.6145 38.2308 17.1899 39.4157 16.3223 40.3794C16.3153 40.3871 16.3083 40.3947 16.3014 40.4021L13.7678 43.0808H16.7117C17.4034 43.0808 17.9641 43.6416 17.9641 44.3333C17.9643 45.025 17.4036 45.5857 16.7117 45.5857Z' fill='%2369A7F0'/%3E%3Cpath d='M79.0079 65.3452L66.5575 55.2845C65.8363 54.7017 64.7617 55.2151 64.7617 56.1422V59.2441C64.7617 59.5558 64.509 59.8084 64.1974 59.8084H34.8284C35.975 61.6681 36.6378 63.8577 36.6378 66.2029C36.6378 68.548 35.975 70.7376 34.8284 72.5973H64.1972C64.5088 72.5973 64.7615 72.8499 64.7615 73.1616V76.2634C64.7615 77.1905 65.8363 77.7039 66.5574 77.1212L79.0077 67.0606C79.554 66.6194 79.554 65.7866 79.0079 65.3452Z' fill='%230D944B'/%3E%3Cpath d='M79.0079 65.3452L66.5575 55.2845C65.8363 54.7017 64.7617 55.2151 64.7617 56.1422V59.2441C64.7617 59.5558 64.509 59.8084 64.1974 59.8084H34.8284C35.975 61.6681 36.6378 63.8577 36.6378 66.2029C36.6378 68.548 35.975 70.7376 34.8284 72.5973H64.1972C64.5088 72.5973 64.7615 72.8499 64.7615 73.1616V76.2634C64.7615 77.1905 65.8363 77.7039 66.5574 77.1212L79.0077 67.0606C79.554 66.6194 79.554 65.7866 79.0079 65.3452Z' fill='white' fill-opacity='0.2'/%3E%3Cpath d='M79.0079 65.3452L66.5575 55.2845C65.8363 54.7017 64.7617 55.2151 64.7617 56.1422V59.2441C64.7617 59.5558 64.509 59.8084 64.1974 59.8084H34.8284C35.975 61.6681 36.6378 63.8577 36.6378 66.2029C36.6378 68.548 35.975 70.7376 34.8284 72.5973H64.1972C64.5088 72.5973 64.7615 72.8499 64.7615 73.1616V76.2634C64.7615 77.1905 65.8363 77.7039 66.5574 77.1212L79.0077 67.0606C79.554 66.6194 79.554 65.7866 79.0079 65.3452Z' fill='%23654BFB'/%3E%3Cpath d='M79.0079 65.3452L66.5575 55.2845C65.8363 54.7017 64.7617 55.2151 64.7617 56.1422V59.2441C64.7617 59.5558 64.509 59.8084 64.1974 59.8084H34.8284C35.975 61.6681 36.6378 63.8577 36.6378 66.2029C36.6378 68.548 35.975 70.7376 34.8284 72.5973H64.1972C64.5088 72.5973 64.7615 72.8499 64.7615 73.1616V76.2634C64.7615 77.1905 65.8363 77.7039 66.5574 77.1212L79.0077 67.0606C79.554 66.6194 79.554 65.7866 79.0079 65.3452Z' fill='white' fill-opacity='0.2'/%3E%3Cpath d='M35.3294 59.8085H23.511C24.6576 61.6683 25.3205 63.8579 25.3205 66.2031C25.3205 68.5482 24.6576 70.7378 23.511 72.5975H35.3294C36.476 70.7378 37.1389 68.5482 37.1389 66.2031C37.1389 63.8579 36.476 61.6683 35.3294 59.8085Z' fill='%23209C43'/%3E%3Cpath d='M35.3294 59.8085H23.511C24.6576 61.6683 25.3205 63.8579 25.3205 66.2031C25.3205 68.5482 24.6576 70.7378 23.511 72.5975H35.3294C36.476 70.7378 37.1389 68.5482 37.1389 66.2031C37.1389 63.8579 36.476 61.6683 35.3294 59.8085Z' fill='%23654BFB'/%3E%3Cpath d='M29.6899 59.8085H23.5107C24.6573 61.6683 25.3202 63.8579 25.3202 66.2031C25.3202 68.5482 24.6573 70.7378 23.5107 72.5975H29.6899C30.8365 70.7378 31.4995 68.5482 31.4995 66.2031C31.4995 63.8579 30.8365 61.6681 29.6899 59.8085Z' fill='%230D944B'/%3E%3Cpath d='M29.6899 59.8085H23.5107C24.6573 61.6683 25.3202 63.8579 25.3202 66.2031C25.3202 68.5482 24.6573 70.7378 23.5107 72.5975H29.6899C30.8365 70.7378 31.4995 68.5482 31.4995 66.2031C31.4995 63.8579 30.8365 61.6681 29.6899 59.8085Z' fill='%23654BFB'/%3E%3Cpath d='M29.6899 59.8085H23.5107C24.6573 61.6683 25.3202 63.8579 25.3202 66.2031C25.3202 68.5482 24.6573 70.7378 23.5107 72.5975H29.6899C30.8365 70.7378 31.4995 68.5482 31.4995 66.2031C31.4995 63.8579 30.8365 61.6681 29.6899 59.8085Z' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M13.7855 78.4059C20.525 78.4059 25.9884 72.9424 25.9884 66.2029C25.9884 59.4634 20.525 54 13.7855 54C7.04596 54 1.58252 59.4634 1.58252 66.2029C1.58252 72.9424 7.04596 78.4059 13.7855 78.4059Z' fill='%23F1F2FF'/%3E%3Cpath d='M8.03998 66.203C8.03998 60.5817 11.8423 55.851 17.0142 54.4351C15.9855 54.1535 14.9037 54.0002 13.7855 54.0002C7.04593 54.0002 1.58252 59.4636 1.58252 66.2031C1.58252 72.9427 7.04593 78.4061 13.7855 78.4061C14.9035 78.4061 15.9853 78.2527 17.0142 77.9711C11.8421 76.5549 8.03998 71.8243 8.03998 66.203Z' fill='%23BFC4EE' fill-opacity='0.42'/%3E%3Cpath d='M18.3778 63.7864C18.3778 61.7633 16.7319 60.1174 14.7087 60.1174H12.2122C11.5205 60.1174 10.9597 60.6781 10.9597 61.3698C10.9597 62.0616 11.5205 62.6223 12.2122 62.6223H14.7087C15.3506 62.6223 15.8728 63.1444 15.8728 63.7864C15.8728 64.4283 15.3506 64.9505 14.7087 64.9505H12.2122C11.5205 64.9505 10.9597 65.5112 10.9597 66.203C10.9597 66.8947 11.5205 67.4554 12.2122 67.4554H14.7087C15.3506 67.4554 15.8728 67.9776 15.8728 68.6195C15.8728 69.2613 15.3506 69.7836 14.7087 69.7836H12.2122C11.5205 69.7836 10.9597 70.3444 10.9597 71.0361C10.9597 71.7278 11.5205 72.2885 12.2122 72.2885H14.7087C16.7318 72.2885 18.3778 70.6426 18.3778 68.6195C18.3778 67.6947 18.034 66.8488 17.4674 66.203C18.034 65.557 18.3778 64.7112 18.3778 63.7864Z' fill='%23209C43'/%3E%3Cpath d='M18.3778 63.7864C18.3778 61.7633 16.7319 60.1174 14.7087 60.1174H12.2122C11.5205 60.1174 10.9597 60.6781 10.9597 61.3698C10.9597 62.0616 11.5205 62.6223 12.2122 62.6223H14.7087C15.3506 62.6223 15.8728 63.1444 15.8728 63.7864C15.8728 64.4283 15.3506 64.9505 14.7087 64.9505H12.2122C11.5205 64.9505 10.9597 65.5112 10.9597 66.203C10.9597 66.8947 11.5205 67.4554 12.2122 67.4554H14.7087C15.3506 67.4554 15.8728 67.9776 15.8728 68.6195C15.8728 69.2613 15.3506 69.7836 14.7087 69.7836H12.2122C11.5205 69.7836 10.9597 70.3444 10.9597 71.0361C10.9597 71.7278 11.5205 72.2885 12.2122 72.2885H14.7087C16.7318 72.2885 18.3778 70.6426 18.3778 68.6195C18.3778 67.6947 18.034 66.8488 17.4674 66.203C18.034 65.557 18.3778 64.7112 18.3778 63.7864Z' fill='%23654BFB'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2043_588'%3E%3Crect width='80' height='80' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  display: block;
  transform: translateX(-100%);
  left: 0;
}

#collection-17 > span > span {
  color: #7F8D9B;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 20px;
  max-width: 350px;
  margin-top: .5rem;
}

.category-list .category,
.category-list .category:hover,
#collection-17, 
#collection-17:hover {
  background-repeat: no-repeat;
  background-position: center 36px;
  background-size: var(--category-icon-width) var(--category-icon-height);
}

.category-list .category:hover,
#collection-17:hover {
  background-color: #FFF;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 0px 1px,
              rgba(220, 223, 226, 0.3) 0px 30px 60px 0px,
              rgba(0, 0, 0, 0.1) 0px 8px 20px 0px;
}

/*.category-list .category:active {
  box-shadow: 0 0 0px 2px #1292EE inset;
  outline: none;
}*/

.category-list .category:hover .article-count {
    color: var(--primary);
}

.category-list .category:focus .article-count, .category-list .category:active .article-count {
    color: #005CA4;
}

@media screen and (max-width: 759px) {
  .category-list .category {
    margin-right: 0;
  }
}

@media screen and (min-width: 760px) and (max-width: 1104px) {
  .category-list .category {
    width: calc(100%/2 - 17px);
  }

  .category-list .category:nth-child(even) {
    margin-right: 0;
  }
}

@media screen and (min-width: 1105px) {
  .category-list .category {
    width: calc(100%/3 - 23px);
  }

  .category-list .category:nth-child(3n+3) {
    margin-right: 0;
  }

  #collection-category-8 .category {
    padding-top: 60px;
    min-height: 190px;
  }
}

.category-list h3 {
  color: #051849;
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 15px;
}

.category-list .category p {
  color: #7F8D9B;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 20px;
}

.category-list .category .article-count {
  margin-bottom: 0;
  color: var(--primary);
  transition: color 0.2s ease-in-out;
}

.category-list .category,
.category-list.two-col .category {
  margin-bottom: var(--categories-gap-mobile);
}

@media screen and (min-width: 760px) {
  .category-list .category,
  .category-list.two-col .category {
    margin-bottom: var(--categories-gap);
  }
}

.collection-category a {
  text-decoration: none;
}

.collection-category a:hover,
.collection-category h2 a:hover {
  text-decoration: underline;
  border-bottom: none;
  text-underline-offset: var(--link-underline-offset);
}

.collection-category h2 a {
  color: #1D2B36;
}

.collection-category h2 {
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.35px;
  margin-bottom: 20px;
  padding: 0;
}

.collection-category .category-list {
  margin-bottom: 50px;
}

.category-list.two-col .category {
  min-height: 240px;
  width: 100%;
}

@media screen and (min-width: 760px) {
  .category-list.two-col .category {
    width: calc(100%/3 - 23px)
  }
}

.category-list.two-col .category:last-child {
  margin-right: 0;
}

.nav-collapse .nav {
  margin-top: 40px;
}

.navbar .navbar-inner {
  background-color: var(--brand-blue);
}

.navbar .nav > li > a {
  font-size: 1rem;
  padding: 0 20px;
  -webkit-font-smoothing: auto;
  line-height: normal;
}

@media screen and (max-width: 768px) {
  .navbar .nav > li > a {
    padding: 15px 20px;
  }

  #contactMobile {
    display: block;
  }
}

.navbar .nav #contact a {
  padding-right: 0;
}

.navbar .nav li a,
.navbar .icon-private-w {
  color: #D9DCFD;
  transition: color 0.2s;
}

.navbar .brand {
  background: url('../assets/img/logo_horizontal_negative.svg') no-repeat;
  background-size: 100%, auto;
  height: 20px;
  width: 200px;
  padding: 0;
  margin-top: 37px;
}

.navbar .brand span {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

#mainNav .container-fluid {
  min-height: 90px;
  line-height: 90px;
}

.navbar .btn-navbar {
  right: 0;
  margin-right: 0;
  padding-right: 0;
}

.navbar .btn-navbar .icon-bar {
  width: 20px;
}

@media screen and (max-width: 768px) {
  .navbar .btn-navbar {
    margin-top: 32px;
  }

  .navbar .btn-navbar .icon-bar {
    background: #FFF;
  }
}

.navbar .nav .active .caret {
  display: none;
}

.navbar .nav .active a {
  font-weight: 500;
}

.nav .icon-private-w:before {
  display: none;
}

.nav .icon-private-w {
  background-image: url('https://via.placeholder.com/24x24');
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  background-size: cover;
  display: inline-block;
  opacity: 0.6;
  position: relative;
  top: 5px;
  left: -2px;
}

/* Access Account Button */

#acces-cont {
  margin-left: 20px;
}

.btn-access-account {
  border: 1px solid #D9DCFD;
  border-radius: 4px;
  padding: 8px 15px !important;
  transition: all 0.2s ease;
  line-height: 20px !important;
  margin-top: -3px; 
  display: inline-block;
  color: #D9DCFD !important;
}

.btn-access-account:hover {
  border-color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  text-decoration: none !important;
}

@media screen and (max-width: 768px) {
  #acces-cont {
      margin-left: 0;
      text-align: center;
      margin-top: 10px;
      margin-bottom: 20px;
  }
}


@media screen and (min-width: 768px) {
  .nav #internal {
    position: relative;
  }
}

.nav > li.active .icon-private-w,
.nav > li a:hover .icon-private-w {
  opacity: 1;
}

/* Search Hero */

#docsSearch h1 {
  color: #232A5C;
  display: block;
  font-size: 36px;
  font-weight: 500;
  letter-spacing: -0.35px;
  line-height: 55px;
  margin: 0;
  padding-top: 3.25em;
  position: relative;
  text-align: center;
  z-index: 2;
}

#docsSearch {
  position: relative;
  border: none;
  background-color: #d3d6ff;
  margin-bottom: 80px;
  padding: 0;
  position: relative;
}

#searchBar {
  z-index: 2;
}

@media (max-width: 768px) and (max-width: 480px) {
  #searchBar button:hover {
    background: url("../assets/icons/search.svg") center center no-repeat;
  }
}

@media screen and (max-width: 1024px) {
  #docsSearch {
    height: 240px;
    background-image: url(../assets/img/hero-mobile-left.svg), url(../assets/img/hero-mobile-right.svg);
    background-position: left bottom, right bottom;
    background-size: auto 270px, auto 270px;
    background-repeat: no-repeat, no-repeat;
    margin-bottom: 50px;
  }

  #docsSearch h1 {
    max-width: 400px;
    padding-top: 2em;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 30px;
    line-height: 1.3;
    margin: 0 auto;
  }
}


@media screen and (min-width: 1025px) {
  #docsSearch {
    height: 360px;
  }

  #docsSearch::before {
    background-image: url(../assets/img/hero-desktop-left.svg);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 515px;
    transition: left 0.2s;
  }

  #docsSearch::after {
    background-image: url(../assets/img/hero-desktop-right.svg);
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    content: "";
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 515px;
    transition: left 0.2s;
  }

  #docsSearch h1 {
    font-size: 36px;
    padding-top: 2.8em;
  }
}


@media screen and (min-width: 1900px) {
  #docsSearch {
    height: 400px;
  }
}

@media screen and (min-width: 2300px) {

  #docsSearch::before {
    left: 20%;
  }

  #docsSearch::after {
    right: 20%;
  }
}

/* Inputs */

input[type=text],
input[type=email],
textarea {
  background-color: #FFF;
  border-radius: 4px;
  border: 1px solid #A5B2BD;
  padding: 0 12px;
  font-size: 14px;
  box-shadow: none;
  font-family: sofia-pro, Helvetica, Arial, sans-serif;
}

input::placeholder {
  color: #93A1B0;
}

input:focus, textarea:focus {
  box-shadow: 0 0 0px 1px #1292EE inset !important;
  border-color: #1292EE !important;
}

label {
  font-size: 14px;
}

/* Contact button */

.btn,
input[type=submit] {
  border: none;
  text-shadow: none;
  background: #38408b;
  font-weight: 500;
  font-size: 17px;
  width: 160px;
  border-radius: 4px;
  color: white;
  height: 42px;
  width: 90px;
}

/* Search form */

#searchBar .search-query::placeholder {
  color: #A5B2BD;
}

#searchBar .search-query {
  padding: 0 55px 0 12px;
}

@media screen and (max-width: 767px) {
  #searchBar {
    width: 80%;
  }
}

@media screen and (min-width: 768px) {
  #searchBar {
    width: 440px;
  }
}

@media screen and (min-width: 1440px) {
  #searchBar {
    width: 712px;
  }
}

@media screen and (min-width: 1025px) {
  #searchBar {
    width: 635px;
    display: block;
  }

  #searchBar .search-query {
    border-color: white;
    color: var(--body-color);
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    height: 55px;
    letter-spacing: 0.2px;
    padding: 0 15px;
    width: 460px;
    display: block;
    margin-right: 0;
    transition: all 0.2s ease-in-out;
  }

  #searchBar button {
    display: inline-block;
  }
}

#searchBar button .icon-search {
  color: #9ba9b5;
  font-size: 20px;
}

@media screen and (max-width: 1024px) {
  #searchBar button .icon-search {
    display: block;
  }

  #searchBar button {
    background: url("../assets/icons/search.svg") center center no-repeat;/* icon-search */
    border: 0;
    padding: 0 30px;
    position: absolute;
    right: 0;
    text-shadow: none;
    transition: all 0.2s ease-in-out;
  }

  #searchBar button:focus, #searchBar button:active {
    background: #F1F3F5 url("../assets/icons/search.svg") center center no-repeat;/* icon-search */
  }

  #searchBar button span {
    display: none;
  }
}

@media screen and (min-width: 1025px) {
  #searchBar button {
    background-color: #38408b;
    border-radius: 4px;
    border: none;
    font-size: 17px;
    font-weight: 500;
    height: 55px;
    text-shadow: none;
    width: 160px;
    transition: all 0.2s ease-in-out;
  }
  #searchBar button:hover, #searchBar button:active {
    background: #232A5C;
  }
}

/* Article: content wrapper */

.contentWrapper,
.related {
  background-color: #FFF;
  border: 0;
  border-radius: 4px;
  color: #556575;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px,
              rgb(241, 243, 245) 0px 5px 20px 0px,
              rgba(0, 0, 0, 0.05) 0px 3px 3px 0px;
  padding: 30px;
  word-break: break-word;
}

@media screen and (min-width: 768px) and (max-width: 1000px) {
  .contentWrapper {
    padding: 50px 55px;
  }
}

@media screen and (min-width: 1000px) {
  .contentWrapper {
    padding: 70px 90px;
  }
}

.contentWrapper h1 {
  font-size: 1.875rem;
  font-weight: 500;
  letter-spacing: -0.35px;
  margin-bottom: 0.5em;
}

@media screen and (min-width: 1000px) {
  .contentWrapper h1 {
    font-size: 2.375rem;
  }
}

.contentWrapper a, a {
  color: var(--link-color);
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
}

.contentWrapper a:hover,
a:hover {
  color: var(--link-hover-color);
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
}

.related {
  border-radius: 4px;
  margin-top: 30px;
  padding: 30px;
}

.related h3 {
  font-size: 13px;
  padding-left: 0;
  letter-spacing: 0.7px;
}

.related ul {
  margin-left: 0;
}

.related ul>li a {
  margin-left: 0;
}

@media screen and (min-width: 1000px) {
  .related {
    padding: 40px 90px;
  }
}

/* Article: typography */

#fullArticle {
  margin: 0 auto;
  max-width: 720px;
}

#fullArticle pre {
  position: relative; /* Needed for absolute positioning of the icon */
  padding: 10px; /* Add padding to ensure content does not overlap with the icon */
  padding-right: 30px; /* Increased padding on the right to accommodate the copy icon */
  border: 1px solid #ccc; /* Optional: Adds a border to <pre> tags for visibility */
  background-color: #f9f9f9; /* Optional: Background color for <pre> tags */
  overflow-x: auto; /* Ensures content is scrollable horizontally if it overflows */
  transition: background-color 0.15s ease-in-out; /* Quicker transition for the flash effect */

}

/* Style for the copy icon */
#fullArticle pre button {
  position: absolute;
  top: 5px;
  right: 0;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 16px; /* Adjust the size of the icon */
}

/* Hover effect for the copy icon to indicate it's clickable */
#fullArticle pre button:hover {
  color: #087f23; /* Darken the icon on hover */
}

#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  color: var(--body-color); /* charcoal, 800 */
  font-size: var(--body-font-size);
  line-height: 164%;
  margin-bottom: 1.5em;
  font-family: "Nunito", Helvetica, Arial, sans-serif;

}

/* Callout childrens */
.info-legacy-message p,
.info-legacy-message ul,
.info-legacy-message ol,
.info-legacy-message li,
.info-legacy-message div,
.info-legacy-message blockquote,
.info-legacy-message dd,
.info-legacy-message table,
#fullArticle [class*='callout'] p,
#fullArticle [class*='callout'] ul,
#fullArticle [class*='callout'] ol,
#fullArticle [class*='callout'] li,
#fullArticle [class*='callout'] div,
#fullArticle [class*='callout'] blockquote,
#fullArticle [class*='callout'] dd,
#fullArticle [class*='callout'] table {
  margin-bottom: 1em;
  font-size: var(--callout-font-size);
}

#fullArticle a strong {
  color: var(--link-color);
}

#fullArticle a:hover strong {
  color: var(--link-hover-color);
}

#fullArticle li {
  margin-bottom: 10px;
}

#fullArticle h1.title {
  margin: 0 1em 1.61rem 0;
}

#fullArticle h3 {
  -webkit-font-smoothing: auto;
  color: var(--heading-color);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 1.8em 0 .8em;
}


@media screen and (min-width: 768px) {
  #fullArticle h2 {
    font-size: 26px;
  }

  #fullArticle h3 {
    font-size: 22px;
    line-height: 36px;
  }
}

#fullArticle h4 {
  -webkit-font-smoothing: auto;
  color: var(--heading-color);
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  margin: 2em 0 1.25em;
}

@media screen and (min-width: 768px) {
  #fullArticle h4 {
    font-size: 22px;
    line-height: 32px;
  }
}


#fullArticle h5 {
  -webkit-font-smoothing: auto;
  color: var(--heading-color);  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  margin: 1em 0 .5em;
}

@media screen and (min-width: 768px) {
  #fullArticle h4 {
    font-size: 17px;
    line-height: 24px;
  }
}

.contentWrapper p.descrip {
  color: #556575;
  font-size: 18px;
  margin-bottom: 25px;
  margin-top: 0;
  line-height: 1.6;
}

@media screen and (min-width: 1000px) {
  .contentWrapper p.descrip {
    margin-bottom: 0;
    max-width: 30rem;
  }
}

#fullArticle img {
  border: 1px solid #D5DCE1;
  margin: 2em 0 3em;
  padding: 0;
}

#fullArticle .index-list {
  background: #F9FAFA;
  border-left: 4px solid #AAAEB7;
  margin: 3em 0;
  padding: 15px 0px;
}

#fullArticle .index-list:before,
#fullArticle .index-list:after {
  display: table;
  content: "";
  line-height: 0;
}

#fullArticle .index-list::after {
  clear: both;
}

#fullArticle .index-list ul {
  list-style: none;
  margin: 0.7em 25px 0em 0;
  float: left;
  width: 100%;
}

#fullArticle .index-list li {
  padding-left: 25px;
}

@media screen and (min-width: 1000px) {
  #fullArticle .index-list li {
    float: left;
    width: 45%;
  }
}

#fullArticle .index-list h4 {
  text-transform: uppercase;
  margin: 0;
  padding: 8px 26px 0;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.7px;
}

#fullArticle dt {
  line-height: 26px;
  height: 1.8em;
  width: 1.8em;
  border-radius: 100%;
  background-color: #F0F0F0;
  font-size: .9em;
  font-weight: 500;
  text-align: center;
  position: absolute;
  padding: 1px 1px 1px 0;
  color: var(--body-color);
}

#fullArticle dd {
  margin-left: 40px;
  padding-top: 0;
}

/* Custom ordered list style */
#fullArticle ol {
  list-style-type: none;
  margin-bottom: 1em;
  counter-reset: element;
  position: relative; 
  padding-left: 45px;
  margin-left: 0;
}
#fullArticle ol > li {
  counter-increment: element;
  padding-top: 3px;
  margin: 0 0 1.2rem 0;
  *zoom:1
  display: flex;
}

/* #fullArticle ol > li:first-child{
  margin-left: 1em;
} */

#fullArticle ol > li:before {
  content: counter(element);
  position: absolute;
  left: 0;
  line-height: 26px;
  height: 1.8em;
  width: 1.8em;
  border-radius: 100%;
  background-color: #F0F0F0;
  font-size: .9em;
  font-weight: 500;
  text-align: center;
  position: absolute;
  padding: 1px 1px 1px 0;

}

/* Nested unordered list */
#fullArticle  ol ul {
  margin-top: 1rem; 
  margin-bottom: 1rem;
  list-style-type: disc;
}

.articleList {
  box-sizing: border-box;
  margin-top: 34px;
  padding-top: 25px;
  position: relative;
}

.articleList:before {
  content: "";
  position: absolute;
  top: 0;
  width: 50px;
  height: 4px;
  left: 0;
  background: var(--brand-blue);
}

.articleList li a:hover span {
  color: var(--link-hover-color);
  text-decoration: none;
}

.articleList li a i {
  display: none;
}

@media screen and (max-width: 768px) {
  .articleList li {
    font-size: 16px;
  }
}

.articleList li {
  position: relative;
  margin: 0;
  padding: 1em 0 1rem 2rem;
  font-size: 18px;
  border-bottom: 1px solid var(--article-list-separator-color);
}

.articleList li::before {
  content: '';
  width: 1rem;
  height: 1rem;
  background: url(../assets/icons/file.svg);
  background-position: center;
  position: absolute;
  left: 0;
  top: 25px;
}

.articleList li a::after {
  content: '';
  display: block;
  position: absolute; 
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.articleList a {
  margin-left: 0;
  color: var(--link-color);
  text-decoration: none;
}
.articleList a:hover,
.articleList a:focus {
  color: var(--link-hover-color);
}

/* Article: Category menu */

@media screen and (max-width: 768px) {
  #sidebar {
    margin-top: 40px;
  }
}

#sidebar h3 {
  font-size: 18px;
  text-transform: none;
  color: #1D2B36;
}

#sidebar .nav-list {
  margin: 20px 0;
}

#sidebar .nav-list a {
  font-size: 15px;
  color: var(--sidebar-link-inactive-color);
  padding: 8px 15px 8px 0;
  text-decoration: none;
}

#sidebar .nav-list a:hover {
  color: var(--sidebar-link-inactive-hover-color);
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  font-weight: 500;
}

#sidebar .nav-list .active a {
  color: var(--sidebar-link-color);
}

#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  color: var(--sidebar-link-hover-color);
  text-decoration: underline;
  text-underline-offset: var(--link-underline-offset);
}

.icon-arrow:before {
  color: var(--primary);
}

#searchBar.sm button {
  width: 40px;
  top: 1px;
  right: 0;
  background: url("../assets/icons/search.svg") center center no-repeat; /* icon-search */
}

#searchBar.sm button:hover {
  background: url("../assets/icons/search.svg") center center no-repeat; /* icon-search */
}

#sidebar form .search-query {
   border: 1px solid #A5B2BD;
   border-radius: 5px;
   height: 42px;
   font-size: 14px;
}

#categoryHead .sort select {
  font-size: 12px;
  height: 28px;
}

#categoryHead .sort {
  position: relative;
  top: 0;
}

@media screen and (min-width: 1000px) {
  #categoryHead .sort {
    position: absolute;
    right: 0;
    top: 8px;
  }
}


/* Article: Main content */

#main-content {
  box-sizing: border-box;
  background: none;
}

.info-legacy-message {
  border-left: 5px solid;
  color: #333;
  padding: 16px 25px 16px 20px;
  font-size: var(--callout-font-size);
  line-height: 164%;
  font-weight: normal;
  border-left-width: 4px;
  border-radius: .25rem;
  background: #fff6e3;
  border-color: #FFC555;
  font-family: Nunito, Helvetica, Arial, sans-serif;
  margin: 1rem 0;
}

@media screen and (max-width: 768px) {
  #main-content {
    margin: 20px 0 0;
  }
}

/* Article: Misc styles */
#fullArticle .callout-yellow, 
#fullArticle .callout-red,
#fullArticle .callout-green,
#fullArticle .callout-blue,
#fullArticle .callout,
#fullArticle .private-note {
  border-left-width: 4px;
  border-radius: .25rem;
  font-size: var(--callout-font-size);

}

#fullArticle .callout-yellow,
#fullArticle .private-note {
  background: #fff6e3;
  border-color: #FFC555;
  margin: 2em 0 4em;
}
#main-content .callout-yellow, 
#fullArticle .callout-yellow.dashed {
  border-left-width: 1px;
}

#fullArticle .callout {
  background: #F9FAFA;
  border-color: #ABAEB6;
}

#fullArticle .private-note {
  background: #fff6e3 url('https://via.placeholder.com/18x18') no-repeat top 18px right 18px; /* icon-lock */
  background-repeat: no-repeat;
  padding: 20px 24px;
}

#fullArticle .private-note > h4 {
  margin-top: 0;
}

#fullArticle a:hover, #fullArticle a:focus {
  color: var(--link-hover-color);
}

#fullArticle strong,
#fullArticle b {
  color: var(--bold-color);
}

#fullArticle strong a,
#fullArticle a strong,
#fullArticle b a,
#fullArticle a b {
  color: var(--primary);
} 

.articleFoot p, .articleFoot time {
  font-family: sofia-pro, Helvetica, Arial, sans-serif;
  font-style: normal;
  color: #556575;
}

.articleFoot time.lu {
  display:none;
}

.articleFoot i {
  color: #C5CED6;
}

#sbContact {
  color: #556575;
  border-bottom: 1px dotted #D5DCE1;
}

#fullArticle .admin-edit {
  background-color: #fff;
  border: 1px solid #c2cbd3;
  box-shadow: none;
  color: var(--link-color);
  font-size: 13px;
  height: 24px;
  line-height: 26px;
  margin-bottom: 30px;
  margin-top: -20px;
  width: auto;
  transition: all 0.2s ease-in-out;
}

#fullArticle .admin-edit:hover {
    border-color: var(--link-hover-color);
}

.articleRatings {
  margin: 3em 0 4em;
  color: #556575;
  border: 0;
  background: #FFFFFF;
  box-shadow: none;
  border-radius: 5px;
  border: 2px solid #E5E9EC;
}

.icon-search::before {
  display: none;
}

.icon-article-doc {
  display: none;
}

strong, b {
  font-weight: 700;
  -webkit-font-smoothing: auto;
}

#serp {
  box-sizing: border-box;
}

#serp h1 strong {
  color: inherit;
}


#serp .articleList>li {
  padding: 1em 0 1rem 2rem;
  margin: 1em 0 0 0;
  border-bottom: 1px solid #E5E9EC;
}

#serp .articleList>li a {
  font-weight: 500;
  /*padding-left: 23px;*/
  margin-bottom: 5px;
}

#serp .articleList>li p {
  margin: 0;
  text-overflow: ellipsis;
  font-size: 15px;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

#serp-dd {
  border-radius: 5px;
  border: none;
  top: 85px;
}

#serp-dd .result a {
  padding: 12px 15px;
}

#serp-dd .result>li.active {
  background: #F1F3F5;
}

#serp-dd .result>li {
  position: relative;
}

#serp-dd .result>li.active a {
  color: var(--search-result-active-color) !important;
}
#serp-dd .result>li a {
  color: var(--search-result-color) !important;
}

#serp-dd.sb {
  top: 45px;
  width: 375px;
}

#serp .articlesFound,
#serp .nada {
  color: #748494;
}

#serp-dd .result>li.private a {
  color: #748494;
}

#serp-dd .icon-private-w:before {
  display: none;
}

#serp-dd .icon-private-w {
  background-image: url('https://via.placeholder.com/24x24'); /* icon-lock */ 
  width: 24px;
  height: 24px;
  background-size: cover;
  display: inline-block;
  position: absolute;
  top: 9px;
}

/* Contact Modal */

#contactModal {
  border: 0;
  width: 600px;
  margin-left: -300px;
  top: 8%;
}

#contactModal h2 {
  color: #1D2B36;
  font-weight: 500;
  font-size: 28px;
  letter-spacing: -0.35px;
  border: 0;
  padding: 40px 0 10px 60px;
}

#contactModal .control-label {
  float: none;
  display: block;
  color: #556575;
  font-size: 14px;
  font-weight: 400;
  margin: 0 0 5px;
  padding: 0;
  text-align: left;
  width: 100%;
}

#contactModal .controls {
  margin: 0;
}

#contactModal input[type=text], #contactModal input[type=email], #contactModal textarea {
  box-sizing: border-box;
  min-height: 42px;
  width: 100%;
}

#contactModal .modal-body {
    padding: 15px 60px 40px;
}

#contactModal #md-message {
  padding: 14px;
  height: 70px;
  width: 100%;
}

#contactModal .form-actions {
  padding: 0;
}

#contactModal input[type=submit].btn {
  width: 100%;
  background: var(--brand-blue);
  height: 52px;
  transition: all 0.2s ease-in-out;
}

#contactModal input[type=submit].btn:hover, #contactModal input[type=submit].btn:focus, #contactModal input[type=submit].btn:active {
  background: #232A5C;
  color: #fff;
}

#contactModal .icon-close:before {
  display: none;
}

#contactModal .icon-close {
  background-image: url('https://via.placeholder.com/24x24'); /* icon-cross */
  width: 24px;
  height: 24px;
  background-size: cover;
  display: inline-block;
  opacity: 0.7;
  transition: opacity 0.2s;
}

#contactModal #closeBtn {
  right: 14px;
}

#contactModal .icon-close:hover {
  opacity: 1;
}

#file-upload:focus {
  border: none !important;
  box-shadow: none !important;
}

#contentArea>.appMessage {
  border-radius: 4px;
  color: #268C55;
  top: -25px;
  background: #E3fBEE;
  border: 1px solid #56C288;
  font-size: 15px !important;
  width: 390px;
  margin: 0 auto;
  padding: 12px 30px;
  position: relative;
}

#contentArea>.appMessage em {
  background: none;
    color: #268C55;
    font-size: 16px;
    text-transform: none;
    font-weight: 500;
    margin-right: 0;
    padding-left: 22px;
    position: relative;
}

#contentArea>.appMessage em:before {
  content: "";
  background-image: url('https://via.placeholder.com/24x24'); /* icon-check */ 
  width: 24px;
  height: 24px;
  position: absolute;
  left: -4px;
  top: -2px;
}

.appMessage {
  background: #D6EDFF;
  color: #005CA4;
  font-size: 14px !important;
  padding: 12px 30px;
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .appMessage {
    padding: 12px 55px;
  }
}

@media screen and (min-width: 1000px) {
  .appMessage {
    padding: 12px 90px;
  }
}

.appMessage em {
  background: #1292EE;
  font-weight: 500;
  line-height: 1.1;
}


.modal-backdrop {
  background: #232A5C; /* purple 800 */
}

.modal-backdrop.in {
  opacity: .8;
}

/* contact form: page */

#contactForm input, #contactForm textarea {
  min-height: 42px;
  box-sizing: border-box;
  width: 100%;
}

#contactForm textarea {
  padding: 14px;
}

#contactForm input.btn {
  width: auto;
  height: 52px;
  min-width: 150px;
  background: var(--brand-blue);
  transition: all 0.2s ease-in-out;
}

#contactForm input.btn:hover {
  background: #232A5C;
  color: #fff;
}

#contactForm input.btn:focus, #contactForm input.btn:active {
  border: 1px solid;
  color: #fff;
}

#contactForm .control-group,
#contactModal .control-group,
.abuse .control-group {
  margin-bottom: 20px;
}

.icon-print:before {
  display: none;
}

.icon-print {
  background-image: url('../assets/icons/print.svg'); /* icon-print */
  width: 24px;
  height: 24px;
  background-size: cover;
  display: inline-block;
  opacity: 0.7;
  transition: opacity 0.2s;
}

.icon-print:hover {
  opacity: 1;
}

/* Reset styles for Docs Style Guide */
#fullArticle .demo-styles * {
  font-family: sofia-pro,Helvetica,Arial,sans-serif;
}
#fullArticle .demo-styles pre {
  font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
}
#fullArticle .demo-styles p,
#fullArticle .demo-styles ul,
#fullArticle .demo-styles ol,
#fullArticle .demo-styles li,
#fullArticle .demo-styles div,
#fullArticle .demo-styles blockquote,
#fullArticle .demo-styles dd,
#fullArticle .demo-styles table {
  font-size: 14px;
  color: #585858;
  line-height: 164%;
  margin-bottom: 1.5em;
}
#fullArticle .demo-styles blockquote {
  padding: 0 0 0 15px;
  margin: 0 0 18px;
  border-left: 5px solid #eee;
}
#fullArticle .demo-styles pre {
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 11px;
  line-height: 18px;
}
#fullArticle .demo-styles p,
#fullArticle .demo-styles ul,
#fullArticle .demo-styles ol,
#fullArticle .demo-styles li,
#fullArticle .demo-styles div,
#fullArticle .demo-styles blockquote,
#fullArticle .demo-styles dd,
#fullArticle .demo-styles table {
  font-size: 14px;
  color: #585858;
  line-height: 164%;
  margin-bottom: 1.5em;
}
#fullArticle .demo-styles h1,
#fullArticle .demo-styles h2,
#fullArticle .demo-styles h3,
#fullArticle .demo-styles h4,
#fullArticle .demo-styles h5 {
  margin: 9px 0;
  font-family: inherit;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0;
  font-weight: 500;
  color: #1D2B36;
}
#fullArticle .demo-styles h1,
#fullArticle .demo-styles h2,
#fullArticle .demo-styles h3 {
  line-height: 36px;
}
#fullArticle .demo-styles h1 {
  font-size: 33px;
}
#fullArticle .demo-styles h2 {
  font-size: 27px;
}
#fullArticle .demo-styles h3 {
  font-size: 21px;
}
#fullArticle .demo-styles h4 {
  font-size: 15px;
}
#fullArticle .demo-styles h5 {
  font-size: 12px;
}

/* Table for Editor Markdown support */

#fullArticle table.c-table--markdown-support li {
  font-size: 14px !important;
  margin-bottom: 0;
}

#fullArticle table.c-table--markdown-support tr:hover {
  background-color: #ffffff;
}

#fullArticle table.c-table--markdown-support td {
  vertical-align: middle;
}

#fullArticle table.c-table--markdown-support kbd {
  padding: 0 5px;
  line-height: 23px;
  display: inline-block;
  border: 1px solid #c5ced6;
  border-radius: 4px;
  font-size: 13px;
  margin: 0 3px;
}



/* Errors */
#errorContainer .icon-error {
  color: #FFC555;
  font-size: 36px;
}

#errorContainer p {
  color: #556575;
}

/* Component :: Hubspot Cookie Policy notice */

body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
  background: rgba(249,250,250,0.95);
  border: 0;
  bottom: 0 !important;
  font-family: sofia-pro,Helvetica,Arial,sans-serif;
  left: 0;
  line-height: 18px;
  max-width: 100%;
  padding: 20px;
  position: fixed;
  text-align: left;
  text-shadow: none !important;
  top: auto;
  z-index: 100000000 !important;
}

@media screen and (min-width: 768px) {
  body div#hs-eu-cookie-confirmation.hs-cookie-notification-position-bottom {
    border-radius: 6px;
    bottom: 15px !important;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08) !important;
    font-family: sofia-pro,Helvetica,Arial,sans-serif;
    left: 50%;
    max-width: 480px;
    transform: translate3d(-50%,0,0);
  }
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner {
  background: transparent !important;
  -webkit-font-smoothing: antialiased;
  padding: 0 !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
  font-size: 14.5px !important;
  line-height: 21px !important;
  margin-bottom: 0 !important;
  padding-right: 90px !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p:first-child,
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p:first-child {
    display: none;
  }
}

@media screen and (max-width: 480px) {
body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner p {
    font-size: 14.5px !important;
  }
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a {
  color: #07C !important;
  font-size: 14px !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner a#hs-eu-confirmation-button {
  color: white !important;
  font-weight: 500 !important;
  background: #1292ee !important;
  border: 0 !important;
  border-radius: 4px !important;
  padding: 7px 16px !important;
  margin: 0 !important;
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area {
  display: inline-block;
  margin: 0 !important;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translate3d(0,-50%,0);
}

body div#hs-eu-cookie-confirmation div#hs-eu-cookie-confirmation-inner div#hs-en-cookie-confirmation-buttons-area #hs-eu-confirmation-button {
  margin: 0 !important;
  font-size: 14.5px !important;
}

/*  Category icons */

/* Catalog */
#category-4,
#category-13 {
  background-image: url(../assets/icons/catalog.svg);
}

/* Comenzi */
#category-6,
#category-20 {
  background-image: url(../assets/icons/orders.svg);
}

/* Clienti */
#category-5,
#category-16 {
  background-image: url(../assets/icons/customers.svg);
}

/* Configurare magazin */
#category-38,
#category-78 {
  background-image: url(../assets/icons/store-config.svg);
}

/* Marketing */
#category-164,
#category-79 {
  background-image: url(../assets/icons/marketing.svg);
}

/* Domenii, SSL & email */
#category-292,
#category-39 {
  background-image: url(../assets/icons/icon-www.svg);
}
#category-293 {
  background-image: url(../assets/icons/icon-email.svg);
}

/* Inventar */
#category-387,
#category-386 {
  background-image: url(../assets/icons/inventory.svg);
}

/* Account */
#category-399,
#category-400 {
  background-image: url(../assets/icons/account.svg);
}

/* Seo */
#category-337 {
  background-image: url(../assets/icons/seo.svg);
}

/* Payment */
#category-800,
#category-804 {
  background-image: url(../assets/icons/payment.svg);
}

/* Delivery */
#category-799,
#category-802 {
  background-image: url(../assets/icons/delivery.svg);
}

/* Invoice */
#category-801,
#category-803 {
  background-image: url(../assets/icons/invoice.svg);
}


/* Website */
/* #category-xyz {
  background-image: url(../assets/icons/website.svg);
} */

/* Table of contents */

[data-toc] ul {
  list-style-type: none;
  margin-left: 0;
}

[data-toc] ul > li {
  margin-bottom: .5rem !important;  
}

/* [data-toc] ul > ul {
  padding-left: 1rem;
}

[data-toc] ul > ul > li::before {
  content: '-';
  margin-right: .5rem;
} */

[data-toc] > h2 {
  margin-bottom: 1.25rem;
  margin-top: 1.5rem;
}