{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_search-bar-with-section.scss","../scss-styles/variables/_main-colors.scss"],"names":[],"mappings":"AACA,iBACE,oBAIF,SACE,kBACA,mBACA,WACA,gBACA,YACA,eAEA,iBACE,kBACA,yBACA,YACA,UACA,0BACA,UACA,sBACA,4BACA,+BAGF,sBACE,kBACA,MACA,QACA,iBCYiB,QDXjB,oBACA,aACA,WACA,gBACA,6BACA,gCAGF,0CACE,0BACA,UAGF,4BACE,iBC1CW,QD2CX,0BAGF,qBACE,kBACA,SACA,YACA,WACA,gBACA,eAGF,6CAEE,kBACA,SACA,WACA,WACA,gBACA,eACA,mBAGF,kHAIE,kBACA,SACA,WACA,WACA,gBACA,eACA,mBACA,YAGF,uBACE,kBACA,QACA,kBAGF,wDAEE,sBACA,yBAaF,aACE,aACA,qBACA,SACA,gBACA,UAEA,gBACE,iBAEA,kBACE,MC1BM,QD8BV,sBACE,YACA,gBACA,MC/BO,QDkCT,iCACE,WAQJ,gBACE,aAGF,yBACE,kBAEA,gCACE,YAGF,kCACE,kBACA,cACA,UACA,gBACA,kBACA,sBACA,mBACA,yBACA,2BACA,wBACA,uBACA,sBAGF,qCACE,iBACA,eAGF,uCACE,qBAGF,2CACE,iBC9EO,QDiFT,2CACE,WACA,MCpFO,QDuFT,iCACE,0BACA,gBAUN,yBACE,QACE,cACA,gBACA,oBAEA,qBACE,WACA,MCpMS,QDqMT,sBACA,eACA,sBACA,wBACA,0BACA,gBAKF,aACE,sBACA,cACA,aACA,sBAEA,gBACE,YACA,kBACA,WACA,6BAGF,kBACE,qBAGF,sBACE,WAEA,iBACA,qBAGF,sBACE,cACA,eACA,WACA,MC3OO,QD4OP,cACA,gCAGF,+BACE,WACA,YACA,kBAGF,6BACE,kBACA,WACA,gBACA,MACA,OACA,YAGF,+BACE,iBACA,WAGF,sCACE,iBACA,YACA,kBACA,iBAGF,sEAEE,yBAGF,sBACE,kBACA,WACA,SACA,OACA,mBACA,UACA,2BACA,wBACA,uBACA,sBAGF,2BACE,qBAaN,YACI,kBAEA,SACA,sBACA,WACA,gBAEA,iBACA,eAIJ,2BAEE,kBACA,oBACA,sBACA,WACA,gBACA,eACA,mBAGF,8EAIE,kBACA,SACA,WACA,WACA,gBACA,eACA,mBACA","file":"search-bar-with-section.css","sourcesContent":["// This is the search bar style\r\nsection.no-links {\r\n  padding-bottom: 3rem;\r\n}\r\n\r\n// Basic form/search-bar\r\n.wrapper {\r\n  position: relative;\r\n  align-items: center;\r\n  width: 100%;\r\n  min-width: 100px;\r\n  height: 3rem;\r\n  font-size: 2rem;\r\n\r\n  .search {\r\n    position: absolute;\r\n    border: 2px solid $dark-grey-2;\r\n    height: 3rem;\r\n    width: 95%;\r\n    padding: 2px 23px 2px 25px;\r\n    outline: 0;\r\n    background-color: white;\r\n    border-top-left-radius: none;\r\n    border-bottom-left-radius: none;\r\n  }\r\n\r\n  .search-icon {\r\n    position: absolute;\r\n    top: 0;\r\n    right: 0;\r\n    background-color: $light-blue-primary;\r\n    padding: 0.75rem 1rem;\r\n    min-width: 5%;\r\n    color: white;\r\n    font-weight: 900;\r\n    border-top-right-radius: none;\r\n    border-bottom-right-radius: none;\r\n  }\r\n\r\n  button:focus-within .search-icon {\r\n    outline: 3px solid $orange-primary;\r\n    z-index: 1;\r\n  }\r\n\r\n  .search-icon:hover {\r\n    background-color: $blue-primary;\r\n    outline: 3px solid $orange-primary;\r\n  }\r\n\r\n  .clear-icon {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 120px;\r\n    width: 20px;\r\n    font-weight: 900;\r\n    cursor: pointer;    \r\n  }\r\n\r\n  .mic-icon-on,\r\n  .mic-icon-off {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 90px;\r\n    width: 20px;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    visibility: visible;\r\n  }\r\n\r\n  .mic-icon-on:hover,\r\n  .mic-icon-on:focus,\r\n  .mic-icon-off:hover,\r\n  .mic-icon-off:focus {\r\n    position: absolute;\r\n    top: 10px;\r\n    right: 90px;\r\n    width: 20px;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    visibility: visible;\r\n    z-index: 100;\r\n  }\r\n\r\n  ::placeholder {\r\n    position: absolute;\r\n    top: 20%;\r\n    font-size: x-large;\r\n  }\r\n\r\n  input.search:hover,\r\n  input.search:focus {\r\n    background-color: #fff;  \r\n    border: 3px solid $orange-primary;   \r\n  }\r\n}\r\n\r\n// .toggle {\r\n//   display: none;\r\n// }\r\n\r\n// End the search bar style\r\n\r\n/** Links for large screen list**/\r\n\r\n.links {\r\n  .list {\r\n    display: flex;\r\n    list-style-type: none;\r\n    margin: 0;\r\n    margin-top: 10px;\r\n    padding: 0;\r\n\r\n    li {\r\n      font-size: medium;\r\n\r\n      a {\r\n        color: $dark-grey-2;\r\n      }\r\n    }\r\n\r\n    li:after {\r\n      content: \"|\";\r\n      padding: 0 0.5rem;\r\n      color: $mid-grey-1;\r\n    }\r\n\r\n    li:last-child:after {\r\n      content: \"\";\r\n    }\r\n  }\r\n\r\n  // Possibly switch this off.\r\n  // This is the style for the drop down on large screens.\r\n  //subList-smScreen subList-lgScreen\r\n  // class open-list can be used in place of\r\n  .chevron {\r\n    rotate: 90deg;\r\n  }\r\n\r\n  .dropdown-wrapper {\r\n    position: relative;\r\n\r\n    button {\r\n      border: none;\r\n    }\r\n\r\n    .subList {\r\n      position: absolute;\r\n      padding: 0.2rem;\r\n      z-index: 2;\r\n      list-style: none;\r\n      width: max-content;\r\n      background-color: #fff;\r\n      border-radius: none;\r\n      border: 2px solid $dark-grey-2;\r\n      -webkit-border-radius: none;\r\n      -moz-border-radius: none;\r\n      -ms-border-radius: none;\r\n      -o-border-radius: none;\r\n    }\r\n\r\n    .subList li {\r\n      padding: 5px 15px;\r\n      cursor: pointer;\r\n    }\r\n\r\n    .subList li a {\r\n      text-decoration: none;\r\n    }\r\n\r\n    .subList li:hover {\r\n      background-color: $mid-grey-2;\r\n    }\r\n\r\n    .subList li:after {\r\n      content: \"\";\r\n      color: $mid-grey-1;\r\n    }\r\n\r\n    summary {\r\n      text-decoration: underline;\r\n      list-style: none;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n/**Small screens**/\r\n\r\n\r\n\r\n@media (max-width: 768px) {\r\n  .toggle {\r\n    display: block;\r\n    margin-top: 10px;\r\n    margin-bottom: -15px;\r\n\r\n    .toggle-list {\r\n      width: 100%;\r\n      color: $blue-primary;\r\n      border: 2px solid black;\r\n      font-size: 20px;\r\n      background-color: #fff;\r\n      padding: 10px 0 10px 5px;\r\n      text-decoration: underline;\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  .links {\r\n    .list {\r\n      background-color: #fff;\r\n      line-height: 3;\r\n      display: flow;\r\n      border: 2px solid black;\r\n\r\n      li {\r\n        height: 40px;\r\n        padding-left: 10px;\r\n        width: 100%;\r\n        border-bottom: 1px solid black;\r\n      }\r\n\r\n      li a {\r\n        text-decoration: none;\r\n      }\r\n\r\n      li:after {\r\n        content: \"\";\r\n\r\n        margin-left: 30px;\r\n        text-decoration: none;\r\n      }\r\n\r\n      ::before {\r\n        display: block;\r\n        padding: 0 1rem;\r\n        width: 100%;\r\n        color: $blue-primary;\r\n        line-height: 2;\r\n        border-bottom: 1px solid $dark-grey-2;\r\n      }\r\n\r\n      .dropdown-wrapper {\r\n        width: 100%;\r\n        padding: 5px;\r\n        position: relative;\r\n      }\r\n\r\n      .toggle-subList {\r\n        position: absolute;\r\n        width: 100%;\r\n        background: none;\r\n        top: 0;\r\n        left: 0;\r\n        height: 40px;\r\n      }\r\n\r\n      .toggle-subList a {\r\n        font-size: larger;\r\n        float: left;\r\n      }\r\n\r\n      .toggle-subList .chevron {\r\n        font-size: larger;\r\n        float: right;\r\n        font-size: x-large;\r\n        font-weight: bold;\r\n      }\r\n\r\n      .toggle-subList:hover,\r\n      .toggle-subList:focus {\r\n        border: 3px solid $orange-primary;\r\n      }\r\n\r\n      #subList {\r\n        position: absolute;\r\n        width: 100%;\r\n        top: 42px;\r\n        left: 0;\r\n        border-radius: none;\r\n        z-index: 2;\r\n        -webkit-border-radius: none;\r\n        -moz-border-radius: none;\r\n        -ms-border-radius: none;\r\n        -o-border-radius: none;\r\n      }\r\n\r\n      #subList li a {\r\n        text-decoration: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  // .mic-icon-on {\r\n  //     color:red;\r\n  //     // padding-left:10px;\r\n  // }\r\n  // .clear-icon {\r\n  //     position:relative;\r\n  //     right: 20px;\r\n  // }\r\n  .clear-icon {\r\n      position: absolute;\r\n    //   color: rgb(255, 0, 200);\r\n      top: 40px;\r\n      right: 80px !important;\r\n      width: 20px;\r\n      font-weight: 900;\r\n      // border: 1px solid black;\r\n      margin-right: 5px;\r\n      cursor: pointer;\r\n      /*visibility: hidden;*/\r\n  }\r\n\r\n  .mic-icon-on,\r\n  .mic-icon-off {\r\n    position: absolute;\r\n    top: 10px !important;\r\n    right: 60px !important;\r\n    width: 20px;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    visibility: visible;\r\n  }\r\n\r\n  .mic-icon-on:hover,\r\n  .mic-icon-on:focus,\r\n  .mic-icon-off:hover,\r\n  .mic-icon-off:focus {\r\n    position: absolute;\r\n    top: 20px;\r\n    right: 90px;\r\n    width: 20px;\r\n    font-weight: 900;\r\n    cursor: pointer;\r\n    visibility: visible;\r\n    z-index: 100;\r\n  }\r\n//   .clear-icon {\r\n//     position: absolute;\r\n//     top: 0px !important;\r\n//     right: 80px !important;\r\n//     width: 20px;\r\n//     font-weight: 900;\r\n//     cursor: pointer;\r\n//     visibility: visible;\r\n//   }\r\n\r\n  //     .mic-icon-on:hover,\r\n  //     .mic-icon-on:focus,\r\n  //     .mic-icon-off:hover,\r\n  //     .mic-icon-off:focus {\r\n  //         position: absolute;\r\n  //         top: 20px;\r\n  //         right: 90px;\r\n  //         width: 20px;\r\n  //         font-weight: 900;\r\n  //         cursor: pointer;\r\n  //         visibility: visible;\r\n  //         z-index: 100;\r\n  //     }\r\n}\r\n\r\n// @media (max-width: 575px) {\r\n//     .wrapper {\r\n//         .search {\r\n//             width: 85%;\r\n//         }\r\n\r\n//         .search-icon {\r\n//             width: 15%;\r\n//         }\r\n\r\n//         ::placeholder {\r\n//             content: \"Search..\" !important;\r\n//         }\r\n\r\n//         // .mic-on {\r\n//         //     margin-right:5%;\r\n//         // }\r\n//     }\r\n// }\r\n\r\n// @media (max-width: 480px) {\r\n//     .wrapper {\r\n//         .search {\r\n//             width: 80%;\r\n//         }\r\n\r\n//         .search-icon {\r\n//             width: 20%;\r\n//         }\r\n//     }\r\n// }\r\n","// Any variable that can be altered by a theme should be placed\r\n// in the theme variable file, not in here\r\n\r\n$blue-primary: #00539b;\r\n$blue-5-tint: #0d5ca0;\r\n$blue-10-tint: #1a64a5;\r\n$blue-15-tint: #266daa;\r\n$blue-20-tint: #3375af;\r\n$blue-25-tint: #407eb4;\r\n$blue-30-tint: #4d87b9;\r\n$blue-35-tint: #5a8fbe;\r\n$blue-40-tint: #6698c3;\r\n$blue-45-tint: #73a0c8;\r\n$blue-50-tint: #80a9cd;\r\n$blue-55-tint: #8db2d2;\r\n$blue-60-tint: #99bad7;\r\n$blue-65-tint: #a6c3dc;\r\n$blue-70-tint: #b3cbe1;\r\n$blue-75-tint: #c0d4e6;\r\n$blue-80-tint: #ccddeb;\r\n$blue-85-tint: #d9e5f0;\r\n$blue-90-tint: #e6eef5;\r\n$blue-95-tint: #f2f6fa;\r\n$blue-5-shade: #004f93;\r\n$blue-10-shade: #004a8c;\r\n$blue-15-shade: #004684;\r\n$blue-20-shade: #00427c;\r\n$blue-25-shade: #003e74;\r\n$blue-30-shade: #003a6d;\r\n$blue-35-shade: #003665;\r\n$blue-40-shade: #00325d;\r\n$blue-45-shade: #002e55;\r\n$blue-50-shade: #002a4e;\r\n$blue-55-shade: #002546;\r\n$blue-60-shade: #00213e;\r\n$blue-65-shade: #001d36;\r\n$blue-70-shade: #00192e;\r\n$blue-75-shade: #001527;\r\n$blue-80-shade: #00111f;\r\n$blue-85-shade: #000c17;\r\n$blue-90-shade: #000810;\r\n$blue-95-shade: #000408;\r\n$light-blue-primary: #0071b3;\r\n$light-blue-light-bg: #e0f2fd;\r\n$light-blue-5-tint: #1a7bbc;\r\n$light-blue-10-tint: #3385c5;\r\n$light-blue-15-tint: #4d8fce;\r\n$light-blue-20-tint: #6699d7;\r\n$light-blue-25-tint: #4095c6;\r\n$light-blue-30-tint: #99a3e0;\r\n$light-blue-35-tint: #b3ade9;\r\n$light-blue-40-tint: #ccb7f2;\r\n$light-blue-45-tint: #e6c1fb;\r\n$light-blue-50-tint: #80b8d9;\r\n$light-blue-55-tint: #99c2e2;\r\n$light-blue-60-tint: #b3cceb;\r\n$light-blue-65-tint: #ccd6f4;\r\n$light-blue-70-tint: #e6e0fd;\r\n$light-blue-75-tint: #f0eafd;\r\n$light-blue-80-tint: #f5f0fe;\r\n$light-blue-85-tint: #faf5fe;\r\n$light-blue-90-tint: #fcf9fe;\r\n$light-blue-95-tint: #fdfdfe;\r\n$light-blue-5-shade: #006baa;\r\n$light-blue-10-shade: #0066a1;\r\n$light-blue-15-shade: #006098;\r\n$light-blue-20-shade: #005a8f;\r\n$light-blue-25-shade: #005586;\r\n$light-blue-30-shade: #004f7d;\r\n$light-blue-35-shade: #004a74;\r\n$light-blue-40-shade: #00446b;\r\n$light-blue-45-shade: #003e62;\r\n$light-blue-50-shade: #003959;\r\n$light-blue-55-shade: #003351;\r\n$light-blue-60-shade: #002d48;\r\n$light-blue-65-shade: #00283f;\r\n$light-blue-70-shade: #002236;\r\n$light-blue-75-shade: #001c2e;\r\n$light-blue-80-shade: #001625;\r\n$light-blue-85-shade: #00101d;\r\n$light-blue-90-shade: #000a14;\r\n$light-blue-95-shade: #000509;\r\n\r\n\r\n$red-primary: #ea1a13;\r\n$red-st-andrews: #ee312a;\r\n$red-25-tint: #ef534e;\r\n$red-50-tint: #f58d89;\r\n$red-25-shade: #b0140e;\r\n$dark-grey-1: #202024;\r\n$dark-grey-2: #0f0f11;\r\n$grey: #6a6a6b;\r\n$mid-grey-1: #949494;\r\n$mid-grey-2: #dedede;\r\n$light-grey-1: #f0f0f0;\r\n$light-grey-2: #fafafa;\r\n$dark-grey-3: #4f4f4f;\r\n$white: #ffffff;\r\n$orange-primary: #ffb400;\r\n$dark-orange: #bf5909;\r\n$dark-orange-25-shade: #98490c;\r\n$yellow:  #ffdf00;\r\n// Additional Colors\r\n$green-primary: #00853f;\r\n$green-light-bg: #d2f9e3;\r\n$green-5-tint: #0d8b49;\r\n$green-10-tint: #1a9152;\r\n$green-15-tint: #26985c;\r\n$green-20-tint: #339e65;\r\n$green-25-tint: #40a46f;\r\n$green-30-tint: #4daa79;\r\n$green-35-tint: #5ab082;\r\n$green-40-tint: #66b68c;\r\n$green-45-tint: #73bc95;\r\n$green-50-tint: #80c29f;\r\n$green-55-tint: #8dc8a9;\r\n$green-60-tint: #99ceb2;\r\n$green-65-tint: #a6d4bc;\r\n$green-70-tint: #b3dac5;\r\n$green-75-tint: #c0e0cf;\r\n$green-80-tint: #cce7d9;\r\n$green-85-tint: #d9ede2;\r\n$green-90-tint: #e6f3ec;\r\n$green-95-tint: #f2f9f5;\r\n$green-5-shade: #007e3c;\r\n$green-10-shade: #007839;\r\n$green-15-shade: #007135;\r\n$green-20-shade: #006a32;\r\n$green-25-shade: #00642f;\r\n$green-30-shade: #005d2c;\r\n$green-35-shade: #005729;\r\n$green-40-shade: #005026;\r\n$green-45-shade: #004a23;\r\n$green-50-shade: #004320;\r\n$green-55-shade: #003d1d;\r\n$green-60-shade: #00361a;\r\n$green-65-shade: #003017;\r\n$green-70-shade: #002914;\r\n$green-75-shade: #002311;\r\n$green-80-shade: #001c0e;\r\n$green-85-shade: #00160b;\r\n$green-90-shade: #000f08;\r\n$green-95-shade: #000904;\r\n\r\n\r\n\r\n\r\n$purple-primary: #7b439a;\r\n$purple-light-bg: #f4e3ff;\r\n$purple-5-tint: #824c9f;\r\n$purple-10-tint: #8856a4;\r\n$purple-15-tint: #8f5fa9;\r\n$purple-20-tint: #9569ae;\r\n$purple-25-tint: #9c72b3;\r\n$purple-30-tint: #a37bb8;\r\n$purple-35-tint: #a985bd;\r\n$purple-40-tint: #b08ec3;\r\n$purple-45-tint: #b698c8;\r\n$purple-50-tint: #bda1cd;\r\n$purple-55-tint: #c4aad2;\r\n$purple-60-tint: #cab4d7;\r\n$purple-65-tint: #d1bddc;\r\n$purple-70-tint: #d7c7e1;\r\n$purple-75-tint: #ded0e6;\r\n$purple-80-tint: #e5d9eb;\r\n$purple-85-tint: #ebe3f0;\r\n$purple-90-tint: #f2ecf5;\r\n$purple-95-tint: #f8f6fa;\r\n$purple-5-shade: #754092;\r\n$purple-10-shade: #6f3c8b;\r\n$purple-15-shade: #693983;\r\n$purple-20-shade: #633680;\r\n$purple-25-shade: #5c3274;\r\n$purple-30-shade: #562f6c;\r\n$purple-35-shade: #502c64;\r\n$purple-40-shade: #4a285c;\r\n$purple-45-shade: #442555;\r\n$purple-50-shade: #3e224d;\r\n$purple-55-shade: #371e45;\r\n$purple-60-shade: #311b3e;\r\n$purple-65-shade: #2b1836;\r\n$purple-70-shade: #25142e;\r\n$purple-75-shade: #1f1127;\r\n$purple-80-shade: #190d1f;\r\n$purple-85-shade: #120a17;\r\n$purple-90-shade: #0c070f;\r\n$purple-95-shade: #060308;\r\n\r\n\r\n\r\n\r\n$burgundy-primary: #c60c46;\r\n$burgundy-light-bg: #ffd3e1;\r\n$burgundy-5-tint: #c9184f;\r\n$burgundy-10-tint: #cc2458;\r\n$burgundy-15-tint: #ce3162;\r\n$burgundy-20-tint: #d13d6b;\r\n$burgundy-25-tint: #d44974;\r\n$burgundy-30-tint: #d7557d;\r\n$burgundy-35-tint: #da6187;\r\n$burgundy-40-tint: #dd6e90;\r\n$burgundy-45-tint: #e07a9a;\r\n$burgundy-50-tint: #e386a3;\r\n$burgundy-55-tint: #e692ac;\r\n$burgundy-60-tint: #e99eb5;\r\n$burgundy-65-tint: #ebaabf;\r\n$burgundy-70-tint: #eeb6c8;\r\n$burgundy-75-tint: #f1c2d1;\r\n$burgundy-80-tint: #f4cfda;\r\n$burgundy-85-tint: #f7dbe3;\r\n$burgundy-90-tint: #f9e7ed;\r\n$burgundy-95-tint: #fcf3f6;\r\n$burgundy-5-shade: #bc0b43;\r\n$burgundy-10-shade: #b20b3f;\r\n$burgundy-15-shade: #a80a3c;\r\n$burgundy-20-shade: #9e0a38;\r\n$burgundy-25-shade: #950935;\r\n$burgundy-30-shade: #8b0831;\r\n$burgundy-35-shade: #81082e;\r\n$burgundy-40-shade: #77072a;\r\n$burgundy-45-shade: #6d0727;\r\n$burgundy-50-shade: #630623;\r\n$burgundy-55-shade: #59051f;\r\n$burgundy-60-shade: #4f051c;\r\n$burgundy-65-shade: #450418;\r\n$burgundy-70-shade: #3b0415;\r\n$burgundy-75-shade: #310311;\r\n$burgundy-80-shade: #27020e;\r\n$burgundy-85-shade: #1d020a;\r\n$burgundy-90-shade: #130107;\r\n$burgundy-95-shade: #090004;\r\n\r\n\r\n\r\n// Contextual Colors\r\n$success: #00853f;\r\n$information: #00539b;\r\n$warning: #bf5909;\r\n$danger: #ea1a13;\r\n"]}