Home - StarTech.com IT Pro Community

/* * These styles apply ONLY to the header and footer assets. */ * { padding: 0; margin: 0; box-sizing: border-box; } /* Footer */ .startech-footer-1 { background-color: #253746; } .startech-footer-2 { background-color: #192631; } .startech-footer-container { max-width: 1236px; display: flex; flex-direction: column; position: relative; margin-left: auto; margin-right: auto; } /* Section Top */ .startech-footer-section-top { display: flex; justify-content: center; padding: 20px 20px 20px 20px; background-color: #253746; color: #fff; } .startech-footer-section-top .startech-footer-list { margin: 0; padding: 0; list-style: none; list-style-type: none; } .startech-footer-section-top .startech-footer-list li { margin-bottom: 10px; display: flex; flex-direction: row; align-items: center; } .startech-footer-section-top .startech-footer-list li:last-child { margin-bottom: 0; } .startech-footer-section-top .startech-footer-item { display: block; justify-content: center; align-items: center; width: 25%; } .startech-footer-section-top .startech-footer-list-connect { margin: 0; padding: 0; list-style: none; list-style-type: none; } .startech-footer-section-top .startech-footer-list-connect li { display:inline-block; text-align:center; margin-left: 15px; } .startech-footer-section-top .startech-footer-list-connect li:first-child { margin-left: 0; } .startech-footer-section-top .startech-footer-list-connect-item { background-color: #fff; text-align: center; height: 30px; display: block; border-radius: 50%; } .startech-footer-section-top .startech-footer-list-connect-item:hover { cursor: pointer; color: #1e79a7; } .startech-footer-section-top .footer-link-main { color: #fff; text-decoration: none; } .startech-footer-section-top .footer-link-main:hover { cursor: pointer; color: #1e79a7; } .startech-footer-section-top .startech-footer-item-title { font-size: 18px; margin-bottom: 10px; } .startech-footer-section-top .righ-chevron { background-image: url(https://media.startech.com/cms-media/startech.com/media/pages/community/footer-yellow-arrow.jpg); background-repeat: no-repeat; width: 24px; height: 18px; } /* Section Bottom */ .startech-footer-section-bottom { display: flex; justify-content: space-between; padding: 20px 20px 20px 20px; background-color: #192631; color: #fff; font-size: small; } .startech-footer-section-bottom .startech-footer-item { justify-content: center; align-items: center; } .startech-footer-section-bottom .startech-footer-list-width-100 { width: max-content; } .startech-footer-section-bottom .startech-footer-list { margin: 0; padding: 0; list-style: none; list-style-type: none; display:inline-block; text-align:center; } .startech-footer-section-bottom .startech-footer-list-inline li { display:inline-block; text-align:center; margin-left: 15px; } .startech-footer-section-bottom .startech-footer-list-inline li:first-child { margin-left: 0; } /* Section Top and Bottom */ .startech-footer-section-top .small a, .startech-footer-section-bottom .small a { font-size: small; font-weight: 300; color: #fff; text-decoration: none; } .startech-footer-section-top .small a:hover, .startech-footer-section-bottom .small a:hover { cursor: pointer; color: #1e79a7; } /* Media Queries */ @media only screen and (max-width: 1200px) { .startech-footer-container { width: 100%; } } @media only screen and (max-width: 992px) { .startech-footer-container { width: 100%; } } @media only screen and (max-width: 768px) { .startech-footer-container { width: 100%; } .startech-footer-section-bottom .startech-footer-list-inline li { margin-left: 3px; } } @media only screen and (max-width: 576px) { .startech-footer-container { width: 100%; } .startech-footer-section-bottom { display: contents; } .startech-footer-section-top { display: block; } .startech-footer-section-top .startech-footer-item { width: 100%; margin-bottom: 15px; } .startech-footer-section-top .startech-footer-item:last-child { margin-bottom: 0; } .startech-footer-section-bottom .startech-footer-list-width-100 { width: 100%; } } /*# sourceMappingURL=styles.css.map */