@amp-nova/dc-accelerators
Version:
Amplience DC Frontend modules
124 lines (102 loc) • 1.99 kB
CSS
.amp-dc-homepage {
overflow: hidden;
max-width: 1600px;
margin: 0 auto;
}
.amp-dc-homepage .amp-dc-block-wrap {
margin-top: 50px;
}
.amp-dc-homepage .amp-dc-text {
margin: 0 25px;
}
.amp-dc-homepage .amp-dc-splitBlock {
overflow: hidden;
}
.amp-dc-homepage .amp-dc-splitBlock {
overflow: hidden;
}
.amp-dc-homepage .amp-dc-promo-banner-wrap {
margin: 20px 0;
}
.amp-dc-homepage .amp-dc-promo-banner {
margin: -70px -5px 0 -5px;
}
.header-wrap ul {
list-style: none;
}
.header-wrap .header-content {
margin: 10px 50px;
overflow: hidden;
height: 40px;
}
.header-wrap .logo {
float: left;
width: 220px;
height: 100%;
display: inline-block;
}
.header-wrap .logo-image {
height: 100%;
}
.header-wrap .top-menu {
overflow: hidden;
text-align: center;
margin: 10px 0;
}
.header-wrap .top-menu > li {
display: inline-block;
vertical-align: top;
margin-right: 23px;
}
.header-wrap .top-menu > li:last-child {
margin-right: 0;
}
.header-wrap .top-menu > li > a {
color: #000;
text-decoration: none;
font-weight: bold;
font-size: 12px;
text-transform: uppercase;
}
.header-wrap .top-menu > li > a:hover {
text-decoration: underline;
}
.header-wrap .customer-menu {
float: right;
height: 40px;
margin: 0;
padding: 0;
}
.header-wrap .customer-menu > li {
display: inline-block;
vertical-align: top;
padding: 0 24px;
}
.header-wrap .customer-menu > li > a {
text-decoration: none;
color: #000;
font-size: 36px;
height: 40px;
line-height: 40px;
}
.header-wrap .header-promotion {
background-color: #000;
color: #fff;
padding: 5px 7px;
text-align: center;
font-size: 12.8px;
text-transform: uppercase;
}
@media screen and (max-width: 979px) {
.header-wrap .logo {
width: auto;
}
.header-wrap .top-menu {
display: none;
}
}
@media screen and (max-width: 499px) {
.header-wrap .customer-menu .first-nav, .header-wrap .customer-menu .second-nav {
display: none;
}
}