/* * 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 */

Popular Community Articles

If you have questions or comments about this StarTech.com Community, you've come to the right place! Engage with other community members and our staff, about all things StarTech.com Community.

Discover Our Community

Questions and discussion related to the StarTech.com IT Pro Community.

Categories

Popular Tags

/* * 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 */