{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_search-results.scss"],"names":[],"mappings":"AACI,mBACE,eAEA,sBACE,qBACA,mBAEA,0JACE,gBACA,eACA,cAEA,8LACE,kBACA,iBACA,iBAEA,8OACE,uCACA,wCACA,6BACA,qCACA,kCACA,kBACA,WACA,MACA,sBAKN,wBACE,cACA,eACA,kBAEF,yBACE,cAEF,gCACE,qBACA,kBACA,wCACE,wCACA,6BACA,qCACA,kCACA,mBACA,sBAGF,2CACE,cAEF,6CACE,uBAGF,6CACE,iCAGF,iDACE,2BAGF,8CACE,iCAQV,yBAEI,0BACE,cACA","file":"search-results.css","sourcesContent":[".search-results {\r\n    ol {\r\n      padding-left: 0;\r\n\r\n      li {\r\n        list-style-type: none;\r\n        margin-bottom: 10px;\r\n\r\n        h2, h3, h4, h5, h6, .label {\r\n          font-size: 1.2em;\r\n          display: inline;\r\n          margin: 1rem 0;\r\n\r\n          &.label {\r\n            position: relative; // Positions the icon relative to the label text\r\n            margin-left: 1rem;\r\n            font-size: medium;\r\n\r\n            &::before {\r\n              content: 'check_indeterminate_small' / '';\r\n              font-family: 'Material Symbols Outlined';\r\n              font-feature-settings: 'liga';\r\n              -webkit-font-feature-settings: 'liga';\r\n              -moz-font-feature-settings: 'liga';\r\n              position: absolute;\r\n              left: -1rem;\r\n              top: 0;\r\n              vertical-align: bottom; // Aligns the icon's bottom with the text's bottom\r\n            }\r\n          }\r\n        }\r\n\r\n        p {\r\n          display: block;\r\n          margin-top: 2px;\r\n          margin-bottom: 2px;\r\n        }\r\n        dd{\r\n          margin-left: 0;\r\n        }\r\n        .metadata{\r\n          display: inline-block; // Default to inline-block for larger screens\r\n          margin-right: 1rem; // Adds spacing between metadata items\r\n          &::before {\r\n            font-family: 'Material Symbols Outlined';\r\n            font-feature-settings: 'liga';\r\n            -webkit-font-feature-settings: 'liga';\r\n            -moz-font-feature-settings: 'liga';\r\n            margin-right: 0.5rem; // Space between icon and text\r\n            vertical-align: bottom; // Ensures the icon aligns with the bottom of the text\r\n          }\r\n\r\n          &.full-width {\r\n            display: block; // Make full-width metadata span the whole line\r\n          }\r\n          &.date::before {\r\n            content: 'event' / 'Date'; // Calendar icon for date\r\n          }\r\n\r\n          &.type::before {\r\n            content: 'description' / 'Category'; // Description icon for type\r\n          }\r\n\r\n          &.audience::before {\r\n            content: 'group' / 'Audience'; // Group icon for audience\r\n          }\r\n\r\n          &.email::before {\r\n            content: 'mail' / 'Email address  '; // Group icon for audience\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  // Media Query for smaller screens\r\n  @media (max-width: 768px) {\r\n    .search-results {\r\n      .metadata {\r\n        display: block; // Stack the metadata vertically on small screens\r\n        margin-right: 0; // Remove right margin on small screens\r\n      }\r\n    }\r\n  }\r\n"]}