/* GENERIC */
  body,
  input {
    font-family: 'Open Sans', sans-serif;
    text-wrap: pretty;
  }
body:has(#docsSearch) {
  background-color: #fafafa;
  .navbar .navbar-inner {
    background-color: #f7c6c7;
    padding-bottom: 10px;
  }
  .navbar ul li a {
    color: #333;
  }
  .navbar ul li a:hover {
    color: #ef7878;
  }
  .navbar .nav .active .caret {
    border-bottom: 5px solid #ef7878;
  }
}
  h1 strong {
    font-weight: 600;
  }
  a,
  a span {
    color: #ef7878;
    -webkit-transition: all .15s;
    -moz-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
  }
  /* remove default webkit input shadow */
  input,
  textarea {
    -webkit-appearance: none;
  }
  /* HEADER */
  #mainNav .brand span {
    background: url(https://cp1-hosting-porkbun.ink/kb-assets/img/Porkbun_RGB.svg) no-repeat 0 0;
    background-size: 100%;
    display: inline-block;
    height: 90px;
    text-indent: -9000px;
    width: 300px;
  }
  
  .navbar .brand, .navbar .nav li a:hover, .navbar .nav li a:focus, .navbar .nav .active a, .navbar .nav .active a:hover, .navbar .nav .active a:focus {
    color: #ef7878;
  }
  .navbar .nav {
    position: static;
  }
  .navbar .navbar-inner {
      background: #fce8e9;
  }
  .navbar .navbar-inner .container-fluid {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 8em;
  }
  .navbar .navbar-inner .container-fluid:before,
  .navbar .navbar-inner .container-fluid:after {
    content: none;
  }
  .navbar .navbar-inner .container-fluid {
    max-width: 1400px;
  }
  .navbar .brand {
    padding: 0px 20px 0 0;
  }
  .navbar .nav a {
    font-size: 15px;
  }
  .navbar .nav li a,
  .navbar .icon-private-w {
    color: #ef7878;
    font-size: 1rem;
  }
.navbar .nav li a:hover {
  color: #ef7878aa;
}
  .navbar .nav li a {
    padding: 8px 15px;
    margin: 0 4px;
  }
  .navbar .btn-navbar .icon-bar {
    background: #fafafa;
    box-shadow: none;
    width: 22px;
    height: 2px;
    margin-block: 5px;
    text-align: center;
  }
  #contentArea {
    max-width: clamp(60rem, calc(16.667vw + 63.333rem), 70rem);
  }
  .category-list {
    text-align: center;
  }
  /* HOME */
  .category-list.two-col .category {
    padding: 96px 40px 20px;
    width: 48.2%;
  }
  .category-list .category {
    background-color: #fff;
    background-position: top 16px center !important;
    background-repeat: no-repeat !important;
    background-size: 140px 140px !important;
    box-shadow: 0 7px 4px -5px rgba(0,0,0,0.05);
    box-sizing: border-box;
    min-height: 180px;
    padding: 160px 20px 16px;
    position: relative;
    width: 28.5%;
    transition: all 0.2s;
    margin: 1em;
    border-radius: 1em;
    border-top: 4px solid #EF7878;
  }
  #collection-category-8 .category-list .category {
    padding: 20px;
  }
  /* Help Desk collection icons */
  /* Accounts */
  #category-20 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_me.svg);
  }
  /* DNS */
  #category-23 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_repair.svg);
  }
  /* Domain Registration and Renewals */
  #category-38 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_supply.svg);
  }
  /* Email */
  #category-12 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_email.svg);
  }
  /* How Long Will it Take? */
  #category-32 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_money.svg);
  }
  /* Web */
  #category-40 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_dev.svg);
  }
  /* Affiliate Program */
  #category-77 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_ninja.svg);
  }
  /* Transfers */
  #category-80 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_global.svg);
  }
  /* Connect Domains */
  #category-92 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_io.svg);
  }
  /* Hosting */
  #category-208 {
    background-image: url(https://porkbun-media.s3-us-west-2.amazonaws.com/tld-buns/_hosting.svg);
  }
  .category-list .category:hover {
    background-color: #fce8e9;
    -webkit-box-shadow: 0 9px 20px -8px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 9px 20px -8px rgba(0,0,0,0.15);
    box-shadow: 0 9px 20px -8px rgba(0,0,0,0.15);
  }
  #serp-dd .result a:hover, #serp-dd .result > li.active, #full-Article strong a, .collection a, .contentWrapper a, .most-pop-articles .popArticles a, .most-pop-articles .popArticles a:hover span, .category-list .category .article-count, .category-list .category:hover .article-count {
      color: #EF7878;
  }
  .category-list .category .article-count,
  .category-list .category .article-count span{
    margin-top: 0;
    font-size: 15px;
  }
  .category-list .category h2 {
    font-size: 25px;
  }
  .category-list .category p {
    color: #333; /* charcoal-200 */
    line-height: 22px;
  }
  .category-list h3 {
    font-size: 20px;
    line-height: 1.5;
    margin-bottom: 12px;
  }
  /* targeting First collection categories only */
  .category-list .category:before {
    display: none;
    content:"";
    position: absolute;
    top: -3px;
    height: 3px;
    width: calc(100% + 2px);
    left: -1px;
    right: -1px;
  }
  .category-list .category:nth-child(4n+1):before {
    background: #ef7878; /* blue-400 */
  }
  .category-list .category:nth-child(4n+2):before {
    background: #ef7878; /* green-400 */
  }
  .category-list .category:nth-child(4n+3):before {
    background: #ef7878; /* yellow-400 */
  }
  .category-list .category:nth-child(4n+4):before {
    background: #ef7878; /* orange-400 */
  }
  #collection-category-8 .category-list .category:nth-child(4n+1):before,
  #collection-category-8 .category-list .category:nth-child(4n+2):before,
  #collection-category-8 .category-list .category:nth-child(4n+3):before,
  #collection-category-8 .category-list .category:nth-child(4n+4):before {
    background: #ef7878; /* grey-600 */
  }
  
  /* SEARCH */
  aside #searchBar::before {
    content:"How can we help?";
    font-size: 1.1rem;
    position: absolute;
    top: -30px;
    left: 0px;
  }
  #searchBar .search-query {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 0;
    height: 60px;
    /*line-height: 62px;*/
    padding-top: 21px;
    padding-bottom: 24px;
  }
  /* remove shadow on content search box */
  #sidebar #searchBar .search-query {
    padding-bottom: 15px;
    padding-left: 14px;
    padding-top: 15px;
    border-radius: 4px;
    box-shadow: none;
    height: 44px;
  }
  #sidebar #serp-dd {
    width: 100%;
  }
  #searchBar .search-query:focus,
  #searchBar #sidebar form .search-query:focus {
    border-color: #ef7878; /* blue-700 */
    -webkit-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 10px 20px rgba(0,0,0,0.15);
    box-shadow: 0 10px 20px rgba(0,0,0,0.15);
  }
  #searchBar button {
    background: #ef7878; /* blue-700 */
    border-color: #ef7878; /* blue-700 */
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    height: 60px;
    -webkit-transition: background .15s;
    -moz-transition: background .15s;
    -o-transition: background .15s;
    transition: background .15s;
  }
  input.search-query {
    padding-left: 20px;
    padding-right: 20px;
  }
  #searchBar button:hover {
    background-color: #ef7878dd;
  }
#serp-dd .result a {
  color: #ef7878;
  font-size: 16px;
  padding-block: 10px;
}
  #serp-dd .result a:hover,
  #serp-dd .result > li.active {
    background: #f7c6c722;
  }
  #docsSearch {
    background: #f7c6c7;
    background-size: cover;
    border-bottom: 0;
    padding: 8em 0 8em;
    position: relative;
    margin-bottom: 0;
  }
  #docsSearch::after {
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" width="1720" height="60" preserveAspectRatio="none" ><path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" class="shape-fill" fill="%23FAFAFA" fill-opacity="1"></path></svg>');
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    bottom: -2px;
    left: 0;
    transform: rotate(180deg);
    display: block;
    width: calc(100% + 1.3px);
    height: 60px;
  }
  #docsSearch h1 {
    color: #333;
    font-size: 2rem;
    margin-bottom: 0;
    padding-top: 2em;
    font-weight: 600;
  }
#docsSearch h1::before {
    content: "Knowledge Base";
    text-transform: uppercase;
    letter-spacing: 2px;
    display: block;
    width: 100%;
    font-size: 3.5rem;
    position: absolute;
    top: 15%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#docsSearch h1::after {
    content: 'aka "The Trough"';
    font-size: 0.9rem;
    position: absolute;
    top: 21%;
    left: 50%;
    padding-left: 10em;
    text-align: center;
    font-style: italic;
}
  #serp-dd {
    border-radius: 5px;
    top: 82px;
  }
  @media (min-width: 768px) {
    #serp-dd {
      top: 88px;
    }
  }
  @media (max-width: 480px) and (max-width: 768px) {
    #searchBar button .icon-search {
      position: relative;
      top: 4px;
      font-size: 1.25rem;
      color: #ef787899;
    }
    #searchBar button:hover {
      .icon-search {
        color: #fafafa;
      }
      
    }
  }
  #serp-dd.sb {
    border-radius: 5px;
    top: 48px;
  }
  /* INTERIOR PAGES */
  #main-content {
    background: none;
  }
  #main-content:after {
    background: #faf7fa;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    content: "";
  }
  .contentWrapper {
    border: 0;
    box-shadow: rgba(150, 120, 120, 0.15) 0px 0px 6px 0px;
    border-radius: 0.5rem;
  }
  #categoryHead .sort select {
    width: 225px;
    height: 32px;
    font-size: 13px;
  }

  #sidebar {
    padding-top: 8em;
    position: sticky;
    top: 0;
  }
  #sidebar .nav-list .active a,
  #sidebar .nav-list .active a:hover,
  #sidebar .nav-list .active a:focus,
  #sidebar .nav-list h3 {
    color: #ef7878;
    font-weight: 600;
  }
  #sidebar .nav-list .active a .icon-arrow:before,
  #sidebar .nav-list .active a:hover .icon-arrow:before,
  #sidebar .nav-list .active a:focus .icon-arrow:before {
    color: #ef7878;
  }
  #sidebar .nav-list a {
    font-size: 16px;
    color: #555;
  }
  #sidebar h3 {
    font-size: 1.1rem;
    margin-bottom: 0.75em;
    font-weight: 600;
  }
  #categoryHead h1 {
    color: #333;
    margin-bottom: 1.5em;
  }
  h1 {
    letter-spacing: -0.5px;
  }
  .contentWrapper p.descrip {
    color: #6d7983;
    line-height: 26px;
    margin-bottom: 25px;
  }
  .contentWrapper h1,
  #fullArticle h1.title {
    line-height: 1.4em;
  }
  .pagination {
    margin: auto;
    text-align: center;
    padding-top: 1em;
  }
.pagination ul li a {
  font-size: 1.25rem;
}
  /* $ARTCILES */
  #fullArticle h4 {
    font-weight: 400;
  }
  #fullArticle p,
  #fullArticle ul,
  #fullArticle ol,
  #fullArticle li,
  #fullArticle div,
  #fullArticle blockquote,
  #fullArticle dd,
  #fullArticle table {
    color: #4F5D6B; /* charcoal-700 */
    font-size: 16px;
    line-height: 26px;
  }
  #fullArticle strong {
    color: #4A4D4F;
    font-weight: 600;
  }
  #fullArticle h1,
  #fullArticle h2,
  #fullArticle h3,
  #fullArticle h4,
  #fullArticle h5 {
    color: #333; /* charcoal-700 */
    margin-bottom: 1em;
    margin-top: 1.5em;
  }
  #fullArticle h2,
  #fullArticle h5 {
    font-weight: 600;
  }
  #fullArticle h4 {
    font-weight: 500;
  }
  #fullArticle h1,
  #fullArticle h3 {
    font-weight: 400;
  }
  #fullArticle h3 {
    font-size: 24px;
  }
  #fullArticle h1.title {
    margin-bottom: 1em;
  }
  #fullArticle pre,
  #fullArticle table {
    margin-bottom: 2.5em;
   
  }
  #fullArticle dt {
    font-size: 16px;
    min-width: 10px;
    background-color: #EF7878bb;
    color: #fafafa;
    margin-top: 0.5em;
    font-weight: 600;
  }
  #fullArticle table th {
    font-weight: 600;
  }
  #fullArticle img {
    margin: 2.5em 0;
   box-shadow: rgba(0, 0, 0, 0.05) 1.95px 1.95px 2.6px;
  }
  #fullArticle .index-list {
    margin-bottom: 2.5em;
    border-left: 5px solid #AAAEB7;
  }
  #fullArticle .index-list h4 {
    display: block;
    text-transform: uppercase;
    margin: 0;
    padding: 8px 26px 0;
    font-size: 1em;
    font-weight: 600;
  }
  #fullArticle .index-list ul {
    list-style: none;
    margin: 1em 25px 0em;
    float: left;
  }
  #fullArticle .index-list li {
    float: left;
    width: 305px;
  }
  #fullArticle .index-list:before,
  #fullArticle .index-list:after {
    display: table;
    content: "";
    /* Fixes Opera/contenteditable bug:
        /* http://nicolasgallagher.com/micro-clearfix-hack/#comment-36952 */
    line-height: 0;
  }
  #fullArticle .index-list:after {
    clear: both;
  }
  #fullArticle .callout-yellow,
  #fullArticle .callout-blue,
  #fullArticle .callout-red,
  #fullArticle .callout-green,
  #fullArticle .callout {
    color: #6d767e;
    margin-bottom: 2.5em;
    position: relative;
    border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
  }
  #fullArticle .callout-yellow {
    background: #fff7e4;
    border-color: #ffdf92;
  }
  #fullArticle .callout-blue {
    background: #ecf7ff;
    border-color: #80bfe2;
  }
  #fullArticle .callout-green {
    background: #e9fceb;
    border-color: #92d7a9;
  }
#fullArticle .callout-red {
}
#fullArticle .callout-red::before,
#fullArticle .callout-yellow::before,
#fullArticle .callout-blue::before,
#fullArticle .callout-green::before {
  position: absolute;
  left: 17px;
  top: 15px;
  display: block;
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32px" height="32px" viewBox="0 0 512 512" xml:space="preserve"><style type="text/css"><![CDATA[.st0{fill:%23000000;}]]></style><g stroke-width="15" stroke="black" fill="none"><path class="st0" d="M508.488,169.344c-6.422-14.469-20.484-23.844-35.766-23.844l-1.813,0.047l-10.344,0.547c-23.219-32.281-55.765-57.156-94.968-72.438c-25.625-10.031-54.203-16-84.938-17.719c-6.391-0.344-12.891-0.531-19.391-0.531c-4.672,0-9.438,0.094-14.281,0.266c-14.297,0.547-28.422,2.391-42,5.484c-2.172,0.5-4.375,1.031-6.563,1.594c-27.203-15.969-53.781-19.563-72.203-19.563c-1.531,0-3.016,0.031-4.438,0.063c-3.766,0.125-6.516,0.266-8.594,0.5c-4.188,0.438-7.844,1.563-10.953,3.188c-6.422,2.719-11.922,7.344-15.781,13.375c-5.672,9-7,19.781-3.766,29.688l12.109,37.109c-2.406,2.922-4.672,5.891-6.813,8.859c-9.641,13.563-16.359,26.063-22.266,37.094c-7.984,14.906-13.172,24.156-18.922,26.438l-0.484,0.188l-1.453,0.563l-3.219,1.219c-14.266,5.344-47.656,17.875-40.703,52.594l1.516,7.688c5.922,30.094,9.859,49.063,12.484,57l1.531,4.672c5.313,16.172,8.625,24.391,25.688,35.391c7.5,4.813,16.625,6.531,26.281,8.313c2.875,0.531,7.063,1.313,8.953,1.844c1.828,0.906,3.766,1.625,5.781,2.078c6.781,1.578,12.281,2.375,16.719,3.016c2.875,0.406,6.438,0.938,7.406,1.344c0.484,0.344,4.141,3.328,13.734,20.656l0.5,0.844c5.875,9.688,12.203,25.406,14.297,30.578c1.109,2.734,2.094,5.25,2.953,7.391c1.906,4.875,2.797,7.125,3.766,9.063c8.313,16.563,23.094,24.875,44.031,24.875h29.359c18.859,0,37.891-14,37.891-45.25v-5.875v-4.469h51.891v4.469v5.875c0,31.25,18.672,45.25,37.172,45.25h27.547c20.641,0,35.109-8.531,42.984-25.328c0.969-2.078,1.859-4.469,3.781-9.672c0.625-1.672,1.328-3.563,2.078-5.594c12.203-24.125,23.968-42.875,36.984-58.906c26.953-31.688,41.203-70.594,41.203-112.484c0-11.234-1.156-22.734-3.453-34.266c1.781-2.203,3.844-4.656,6.234-7.297C512.098,202.125,515.254,184.563,508.488,169.344z M480.848,197.719c-7.781,8.563-12.75,15.625-15.031,19.063c3.703,13.75,5.5,27.313,5.5,40.047c0,38.453-13.75,70.672-35.172,95.766c-17.14,21.094-30.187,43.906-40.843,65.094l0,0c-2.734,7.25-4.766,12.938-5.563,14.688c-2.75,5.875-6.906,10.281-19.297,10.281s-19.281,0-27.547,0c-8.25,0-11-8.813-11-19.094c0-1.594,0-3.594,0-5.875v-30.641H227.661v30.641c0,2.281,0,4.281,0,5.875c0,10.281-2.938,19.094-11.719,19.094c-8.813,0-16.172,0-29.359,0c-13.234,0-17.625-4.406-20.563-10.281c-0.859-1.75-3-7.438-5.922-14.688c-4.25-10.5-10.125-24.344-16.172-34.344c-22.188-40-26.547-31.25-54.875-37.781l-0.016-0.031c-6.313-3.625-26.594-4.781-32.703-8.719c-11.109-7.156-10.656-8.656-16.547-26.281c-3.109-9.375-10.609-48.688-13.203-61.625c-2.797-14.016,13.172-18.688,27.859-24.313l2.016-0.781c23.391-9.281,28.844-38.938,52.844-72.656c4.297-6.016,9.375-12,15.094-17.75l-16.828-51.5c-0.813-2.5-0.484-5.25,0.938-7.5c1.438-2.25,3.781-3.75,6.438-4.063c0,0-3.656-0.594,7.656-0.938c1.156-0.031,2.375-0.047,3.625-0.047c17.422,0,42.906,3.891,68.016,21.828c5.313-1.688,10.828-3.219,16.547-4.531c11.688-2.656,24.063-4.344,37.188-4.844c4.5-0.172,8.938-0.25,13.297-0.25c6.109,0,12.078,0.156,17.906,0.469c29.313,1.688,54.859,7.375,76.906,16c42.781,16.656,72.421,44.344,90.921,74.938c13.734-0.688,15.797-0.797,25.188-1.281h0.531C482.77,171.688,491.801,185.578,480.848,197.719z"/><path class="st0" d="M125.458,224.313c-10.781,0-19.516,8.719-19.516,19.516c0,10.766,8.734,19.516,19.516,19.516s19.516-8.75,19.516-19.516C144.973,233.031,136.239,224.313,125.458,224.313z"/></g></svg>');
}
#fullArticle .callout-red::before {
  filter: invert(65%) sepia(39%) saturate(2112%) hue-rotate(313deg) brightness(100%) contrast(86%);
}
#fullArticle .callout-yellow::before {
  filter: invert(76%) sepia(47%) saturate(533%) hue-rotate(349deg) brightness(100%) contrast(101%);
}
#fullArticle .callout-green::before {
filter: invert(92%) sepia(96%) saturate(300%) hue-rotate(62deg) brightness(88%) contrast(90%);
}
#fullArticle .callout-blue::before {
  filter: invert(79%) sepia(9%) saturate(1914%) hue-rotate(170deg) brightness(91%) contrast(93%);
}
#fullArticle .callout-yellow h3,
#fullArticle .callout-red h3,
#fullArticle .callout-green h3,
#fullArticle .callout-blue h3 {
  font-weight: 500;
  margin-left: 2em;
  margin-bottom: 1em;
  margin-top: 0.25em;
}
  #fullArticle .private-note > :first-child {
    margin-top: 0;
  }
  #fullArticle .private-note p {
    line-height: 1.6;
  }
  .icon-article-doc {
    display: none;
  }
  .related {
    border: 0;
    border: 1px solid #eceef0;
    margin-top: 10px;
    padding: 30px 46px 25px;
    border-radius: 0.5rem;
    box-shadow: rgba(150, 120, 120, 0.1) 0px 0px 6px 0px;
  }
  .articleFoot p, .articleFoot time {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
  }
  .articleFoot p,
  #sbContact {
    color: #6d7983;
  }
  .icon-contact {
    color: #c3c8cb;
  }
  footer p,
  footer p a {
    color: #6d7983;
  }
  .articleList a {
    margin-left: 0;
  }
  .articleList li {
    padding-left: 0;
    padding-block: 2px;
    font-size: 1.05rem;
  }
  .articleList li a:hover span {
    color: #ef7878aa;
    text-decoration: none;
  }
  #serp .articleList > li {
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
  }

#serp .nada::after {
  position: absolute;
  right: 0;
  bottom: -50px;
  transform: translate(-50%, -50%);
  display: block;
  content: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg version="1.1" id="_x32_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="128px" height="128px" viewBox="0 0 512 512" xml:space="preserve"><style type="text/css"><![CDATA[.st0{fill:%23000000;}]]></style><g stroke-width="15" stroke="black" fill="none"><path class="st0" d="M508.488,169.344c-6.422-14.469-20.484-23.844-35.766-23.844l-1.813,0.047l-10.344,0.547c-23.219-32.281-55.765-57.156-94.968-72.438c-25.625-10.031-54.203-16-84.938-17.719c-6.391-0.344-12.891-0.531-19.391-0.531c-4.672,0-9.438,0.094-14.281,0.266c-14.297,0.547-28.422,2.391-42,5.484c-2.172,0.5-4.375,1.031-6.563,1.594c-27.203-15.969-53.781-19.563-72.203-19.563c-1.531,0-3.016,0.031-4.438,0.063c-3.766,0.125-6.516,0.266-8.594,0.5c-4.188,0.438-7.844,1.563-10.953,3.188c-6.422,2.719-11.922,7.344-15.781,13.375c-5.672,9-7,19.781-3.766,29.688l12.109,37.109c-2.406,2.922-4.672,5.891-6.813,8.859c-9.641,13.563-16.359,26.063-22.266,37.094c-7.984,14.906-13.172,24.156-18.922,26.438l-0.484,0.188l-1.453,0.563l-3.219,1.219c-14.266,5.344-47.656,17.875-40.703,52.594l1.516,7.688c5.922,30.094,9.859,49.063,12.484,57l1.531,4.672c5.313,16.172,8.625,24.391,25.688,35.391c7.5,4.813,16.625,6.531,26.281,8.313c2.875,0.531,7.063,1.313,8.953,1.844c1.828,0.906,3.766,1.625,5.781,2.078c6.781,1.578,12.281,2.375,16.719,3.016c2.875,0.406,6.438,0.938,7.406,1.344c0.484,0.344,4.141,3.328,13.734,20.656l0.5,0.844c5.875,9.688,12.203,25.406,14.297,30.578c1.109,2.734,2.094,5.25,2.953,7.391c1.906,4.875,2.797,7.125,3.766,9.063c8.313,16.563,23.094,24.875,44.031,24.875h29.359c18.859,0,37.891-14,37.891-45.25v-5.875v-4.469h51.891v4.469v5.875c0,31.25,18.672,45.25,37.172,45.25h27.547c20.641,0,35.109-8.531,42.984-25.328c0.969-2.078,1.859-4.469,3.781-9.672c0.625-1.672,1.328-3.563,2.078-5.594c12.203-24.125,23.968-42.875,36.984-58.906c26.953-31.688,41.203-70.594,41.203-112.484c0-11.234-1.156-22.734-3.453-34.266c1.781-2.203,3.844-4.656,6.234-7.297C512.098,202.125,515.254,184.563,508.488,169.344z M480.848,197.719c-7.781,8.563-12.75,15.625-15.031,19.063c3.703,13.75,5.5,27.313,5.5,40.047c0,38.453-13.75,70.672-35.172,95.766c-17.14,21.094-30.187,43.906-40.843,65.094l0,0c-2.734,7.25-4.766,12.938-5.563,14.688c-2.75,5.875-6.906,10.281-19.297,10.281s-19.281,0-27.547,0c-8.25,0-11-8.813-11-19.094c0-1.594,0-3.594,0-5.875v-30.641H227.661v30.641c0,2.281,0,4.281,0,5.875c0,10.281-2.938,19.094-11.719,19.094c-8.813,0-16.172,0-29.359,0c-13.234,0-17.625-4.406-20.563-10.281c-0.859-1.75-3-7.438-5.922-14.688c-4.25-10.5-10.125-24.344-16.172-34.344c-22.188-40-26.547-31.25-54.875-37.781l-0.016-0.031c-6.313-3.625-26.594-4.781-32.703-8.719c-11.109-7.156-10.656-8.656-16.547-26.281c-3.109-9.375-10.609-48.688-13.203-61.625c-2.797-14.016,13.172-18.688,27.859-24.313l2.016-0.781c23.391-9.281,28.844-38.938,52.844-72.656c4.297-6.016,9.375-12,15.094-17.75l-16.828-51.5c-0.813-2.5-0.484-5.25,0.938-7.5c1.438-2.25,3.781-3.75,6.438-4.063c0,0-3.656-0.594,7.656-0.938c1.156-0.031,2.375-0.047,3.625-0.047c17.422,0,42.906,3.891,68.016,21.828c5.313-1.688,10.828-3.219,16.547-4.531c11.688-2.656,24.063-4.344,37.188-4.844c4.5-0.172,8.938-0.25,13.297-0.25c6.109,0,12.078,0.156,17.906,0.469c29.313,1.688,54.859,7.375,76.906,16c42.781,16.656,72.421,44.344,90.921,74.938c13.734-0.688,15.797-0.797,25.188-1.281h0.531C482.77,171.688,491.801,185.578,480.848,197.719z"/><path class="st0" d="M125.458,224.313c-10.781,0-19.516,8.719-19.516,19.516c0,10.766,8.734,19.516,19.516,19.516s19.516-8.75,19.516-19.516C144.973,233.031,136.239,224.313,125.458,224.313z"/></g></svg>');
  filter: invert(100%) sepia(22%) saturate(2239%) hue-rotate(193deg) brightness(105%) contrast(96%);
}
 


  /* CONTACT FORMS */
  #contactModal {
    border: 0;
    border-radius: 4px;
    border-top: 4px solid #3197D1;
    top: 8%;
  }
  #contactModal h2 {
    background: 0;
    border: 0;
    font-size: 28px;
    padding: 1em 0 0.25em;
    text-align: center;
  }
  #contactModal .modal-body {
    padding: 0 6em 0;
    min-height: 525px;
  }
  #contactModal .control-label {
    float: none;
    text-align: left;
    width: auto;
  }
  #contactModal .controls {
    margin: 0;
  }
  #contactModal #md-message {
    height: 80px;
    width: 400px;
  }
  #contactModal .form-actions {
    padding: 0;
    margin: 15px auto 20px;
    text-align: center;
  }
  #contactModal .icon-close:before {
    color: #c6c8ca;
  }
  #contactModal .controls input,
  #contactForm .controls input {
    box-shadow: none;
    height: 25px;
    width: 400px;
  }
  #contactForm .control-group,
  #contactModal .control-group {
    margin-bottom: 10px;
  }
  #contactModal .controls input:focus,
  #contactModal #md-message:focus,
  #contactForm .controls input:focus,
  #contactForm #message:focus {
    border-color: #cccccc;
    box-shadow: none;
  }
  #contactModal #md-message,
  #contactForm #message {
    box-shadow: none;
  }
  #contactModal .form-actions input,
  #contactForm .form-actions input {
    background: #ef7878;
    border: 0;
    color: #fff;
    font-size: 13px;
    padding: 10px 25px;
    text-shadow: none;
    text-transform: uppercase;
  }
  #contactForm:before {
    color: #343b41;
    content: "How can we help?";
    font-size: 30px;
    font-weight: 400;
    display: block;
    line-height: 45px;
    margin-bottom: 1em;
  }

  /* RESPONSIVE */
  /* Fix for making homepage category gallery go smoothly from 3 to 2 to 1 column */
  @media (max-width: 1105px) {
    section.category-list {
      
    }
    section.category-list .category {
      width: 41.2%;
    }
  }
  @media (max-width: 1023px) {
    #docsSearch::after {
      bottom: -30px;
      background-image: url('data:image/svg+xml,<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" width="1920" height="100" preserveAspectRatio="none" ><path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" class="shape-fill" fill="%23FAFAFA" fill-opacity="1"></path></svg>');
    }
    #docsSearch h1::before {
      font-size: 3rem;
      display: block;
      width: 100%;
    }
    #docsSearch h1::after {
      padding-left: 5em;
    }
  }
  @media (max-width: 768px) {
    #serp .nada::after {
      display: none;
    }
    #fullArticle dd:has(table) {
      margin-left: 0;
      overflow: auto;
    }
    #fullArticle table {
      width: 100%;

    }
    .category-list {
    width: 100%;
    text-align: center;
    }
    section.category-list {
      padding-left: 0;
    }
    section.category-list .category {
      box-sizing: border-box;
      margin: 0 0 20px;
      padding: 140px 20px 16px;
      width: 90%;
      background-size: 120px 120px !important;
    }
    .navbar .brand {
    padding: 0px 80px 0 0;
  }
    .navbar .navbar-inner .container-fluid {
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 8em;
  }
    .navbar .navbar-inner .container-fluid .collapse {
      width: 100%;
      background-color: #ef787855;
      margin-bottom: 2em;
      border-radius: 2px;
    }
    .navbar .navbar-inner .container-fluid li a {
      color: #222;
    }
    .navbar .navbar-inner .container-fluid ul {
      margin-block: 0.5rem;
    }
    #fullArticle div:not(:has(dt)) dd {
      margin-left: 0;
    }
    #docsSearch::after {
      bottom: -10px;
      background-image: url('data:image/svg+xml,<svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120" width="1020" height="120" preserveAspectRatio="none" ><path d="M0,0V7.23C0,65.52,268.63,112.77,600,112.77S1200,65.52,1200,7.23V0Z" class="shape-fill" fill="%23FAFAFA" fill-opacity="1"></path></svg>');
    }
    #docsSearch h1 {
      color: #333;
      font-size: 1.3rem;
      margin-bottom: 0;
      padding-top: 2rem;
    }
    #docsSearch h1::before {
      font-size: 2rem;
      letter-spacing: 1px;
    }
    #docsSearch h1::after {
      padding-left: 3em;
      font-size: 0.9rem;
      top: 19%;
    }
    #docsSearch .search-query {
      font-size: 0.95rem;
    }
    .navbar .btn-navbar {
      margin-top: 24px;
      right: -10px;
      background-color: #ef7878 !important;
      width: 40px;
      height: 40px;
      padding-left: 9px;
    }
    .navbar .btn-navbar:hover {
      background-color: #ef7878dd;
    }
    .navbar .btn-navbar:active {
      background-color: #ef7878 !important;
    }
    .navbar .btn-navbar .collapsed {
      background-color: #ef7878;
    }
    .related {
      padding: 30px 25px 25px;
    }
    .related ul {
      margin-left: 0;
    }
    .related h3 {
      padding-left: 0;
    }
    .related ul > li a {
      margin-left: 0;
    }
    #sidebar {
      padding-top: 4em;
    }
  }
  @media (max-width: 480px) {
    #searchBar button {
      background: none;
    }
    #contactForm input[name="upload"] {
      width: 95%;
    }
  }