{"version":3,"sourceRoot":"","sources":["../scss-styles/components/_search-bar.scss"],"names":[],"mappings":"AAEA,wBACI,aACA,gBACA,sBACA,aACA,mBACA,oCACA,iCAGJ,SACI,aACA,SAGJ,QACI,OAGJ,GACI,aAGJ,YACI,kBACA,UAIJ,eACI,qBACA,mBACA,kBACA,yBACA,WACA,sBACA,kBACA,kBACA,eACA,eACA,oEACA,mBAIJ,qBACI,yBACA,kBACA,WAGJ,qBACI,KACI,UACA,4BAEJ,GACI,UACA,yBAOR,2BACI,aACA,gBACA,sBACA,aACA,mBACA,oCACA,iCAGJ,SACI,aACA,SAGJ,QACI,OAGJ,GACI,aAGJ,YACI,kBACA,UAIJ,eACI,qBACA,mBACA,kBACA,yBACA,WACA,sBACA,kBACA,kBACA,eACA,eACA,oEACA,mBAIJ,qBACI,yBACA,kBACA,WAGJ,qBACI,KACI,UACA,4BAEJ,GACI,UACA,yBAQP,yBACG,SACI","file":"search-bar.css","sourcesContent":["/*List search results*/\r\n\r\n.results-container-list {\r\n    display: none; /* Hidden initially */\r\n    margin-top: 20px;\r\n    background-color: #fff; /* Smokey-white background */\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n    animation: slideDown 0.5s ease-out; /* Slide down effect */\r\n}\r\n\r\n.columns {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.column {\r\n    flex: 1;\r\n}\r\n\r\nh2 {\r\n    margin-top: 0;\r\n}\r\n\r\n.no-courses {\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n/* Button Styling */\r\n.course-button {\r\n    display: inline-block;\r\n    margin-bottom: 10px;\r\n    padding: 10px 15px;\r\n    background-color: #f0f0f0;  /* Off-white background */\r\n    color: #333;                /* Dark text color */\r\n    border: 2px solid #ccc;      /* Border for better visibility */\r\n    border-radius: 5px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;\r\n    white-space: nowrap;         /* Prevent text wrapping */\r\n}\r\n\r\n/* Hover Effects */\r\n.course-button:hover {\r\n    background-color: #e0e0e0;  /* Slightly darker on hover */\r\n    border-color: #999;         /* Darker border on hover */\r\n    color: #000;                /* Darker text on hover */\r\n}\r\n\r\n@keyframes slideDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n/******************Buttons results*****************************/\r\n\r\n.results-container-buttons {\r\n    display: none; /* Hidden initially */\r\n    margin-top: 20px;\r\n    background-color: #fff; /* Smokey-white background */\r\n    padding: 20px;\r\n    border-radius: 10px;\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n    animation: slideDown 0.5s ease-out; /* Slide down effect */\r\n}\r\n\r\n.columns {\r\n    display: flex;\r\n    gap: 20px;\r\n}\r\n\r\n.column {\r\n    flex: 1;\r\n}\r\n\r\nh2 {\r\n    margin-top: 0;\r\n}\r\n\r\n.no-courses {\r\n    font-style: italic;\r\n    color: red;\r\n}\r\n\r\n/* Button Styling */\r\n.course-button {\r\n    display: inline-block;\r\n    margin-bottom: 10px;\r\n    padding: 10px 15px;\r\n    background-color: #f0f0f0;  /* Off-white background */\r\n    color: #333;                /* Dark text color */\r\n    border: 2px solid #ccc;      /* Border for better visibility */\r\n    border-radius: 5px;\r\n    text-align: center;\r\n    font-size: 14px;\r\n    cursor: pointer;\r\n    transition: background-color 0.3s ease, color 0.3s ease, border 0.3s ease;\r\n    white-space: nowrap;         /* Prevent text wrapping */\r\n}\r\n\r\n/* Hover Effects */\r\n.course-button:hover {\r\n    background-color: #e0e0e0;  /* Slightly darker on hover */\r\n    border-color: #999;         /* Darker border on hover */\r\n    color: #000;                /* Darker text on hover */\r\n}\r\n\r\n@keyframes slideDown {\r\n    from {\r\n        opacity: 0;\r\n        transform: translateY(-10px);\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n}\r\n\r\n\r\n\r\n/*------List and button search for smaller screens------*/\r\n\r\n @media (max-width: 500px) {\r\n    .columns {\r\n        display: block;\r\n    }\r\n }"]}