The Fall Bundle has Dropped!
Click for Details
.sale-percent {
font-size: 2em;
display: inline-block;
vertical-align: bottom;
}
#announcement-bar-full-size { width: 100%; }
#announcement-bar-small-size { width: 100%; font-size: .85em; line-height: 1.6em; text-transform: uppercase; font-weight: bold; text-align: center; color: #ffffff; display: none; cursor: pointer; }
.announcement-title, .announcement-subtitle, .announcement-middle-content { text-transform: uppercase; text-align: center; color: #ffffff; }
.announcement-title { font-size: .9em; line-height: 1.2em; border-bottom: 1px solid #ffffff; margin-bottom: 5px; font-weight: bold; padding-bottom: 5px; }
.announcement-subtitle { font-size: .7em; line-height: 1.2em; font-weight: bold; }
.announcement-middle-content { vertical-align: middle; font-size: 1em; font-weight: bold; }
.announcement-col.col-simple .announcement-title { border-bottom: 0; }
.announcement-col a.announcement-link { color: #ffffff !important; position: relative !important; top: unset !important; bottom !important: unset; left !important: unset; right: unset !important; }
@media only screen and (min-width: 481px) {
.announcement-middle-content { margin: 7%; }
}
@media only screen and (max-width: 480px) {
.announcement-title { font-size: .9em; line-height: 1.2em; border-bottom: 1px solid #ffffff; padding-bottom: 5px; margin-bottom: 5px; }
.announcement-subtitle { font-size: .7em; line-height: 1.2em; }
.announcement-middle-content { vertical-align: middle; font-size: 1em; margin: 10px auto; }
}
jQuery(document).ready(function() {
jQuery(window).scroll(function() {
if (jQuery(document).scrollTop() > 130) {
jQuery("#announcement-bar-full-size").hide();
jQuery("#announcement-bar-small-size").show();
}
else {
jQuery("#announcement-bar-full-size").show();
jQuery("#announcement-bar-small-size").hide();
}
});
jQuery("#announcement-bar-small-size").on("click", function() {
jQuery("#announcement-bar-small-size").hide();
jQuery("#announcement-bar-full-size").show();
});
});
<!--
-->
#announcement { visibility: hidden !important; }
.announcement_span { width: 100% !important; }
.special-button { vertical-align: middle; max-width: 100% !important; }
header.global #announcement .special-button {
padding: 5px !important;
}
.smp-special .header-col {
width: 89%;
display: inline-block;
margin: auto;
text-align: center;
vertical-align: middle;
}
.smp-special .header-col.sm {
width: 5%;
}
.smp-special .title {
border-top: 1px solid #ffffff; /* #0d362e; */
border-bottom: 1px solid #ffffff; /*#0d362e; */
font-size: 24px;
line-height: 34px;
font-weight: 400;
display: inline-block;
margin-bottom: 5px;
}
.smp-special .details {
text-align: center;
margin: auto;
display: inline-block;
width: 100% !important;
}
.smp-special .pc-wrapper {
text-align: center;
margin: auto;
display: block;
width: 100%;
}
.smp-special .pc-amount {
font-size: 42px;
line-height: 42px;
vertical-align: middle;
font-weight: 400;
}
.smp-special .pc-details {
font-size: 12px;
text-align: center;
width: 30px;
display: inline-block;
vertical-align: middle;
}
.smp-special .pc-sign {
font-size: 22px;
text-align: center;
width: 10px;
}
.smp-special .deal-detail {
display:block;
}
.smp-special .pc-shipping {
display: inline-block;
margin-top: 5px;
font-weight: 400;
font-size: 13px;
/* border-bottom: 1px solid #0d362e; */
line-height: 29px;
}
@media only screen and (min-width: 1200px) {
.hide-on-desktop, .hide-on-desktop-banner { display: none !important; }
.smp-special .title {
display: block;
}
/* .announcement_span { width: 90% !important; }
.special-button { vertical-align: middle; max-width: 100% !important; }
.smp-special .title {
font-size: 32px;
line-height: 44px;
font-weight: 100;
margin-bottom: 0;
margin-right: 50px;
vertical-align: middle;
margin-top: -40px;
}
.smp-special .details {
width: 200px;
}
.smp-special .pc-shipping {
margin-top: -40px;
vertical-align: middle;
margin-left: 50px;
border-top: 1px solid #0d362e;
} */
}
@media only screen and (max-width: 1199px) {
.hide-on-mobile, .hide-on-mobile-banner {
display: none !important;
}
}
@media only screen and (max-width: 400px) {
span.title { font-size: 2.1em !important; }
}
@media only screen and (max-width: 480px) {
span.title { font-size: 1.9em !important; }
.mobile-wide-col { width: 95% !important; margin: auto !important; text-align: center; }
.smp-special .title {
font-size: 14px;
line-height: 20px;
}
.smp-special .pc-amount {
font-size: 26px;
line-height: 36px;
}
.smp-special .pc-details {
font-size: 9px;
width: 20px;
}
.smp-special .pc-sign {
font-size: 12px;
}
.smp-special .deal-detail {
font-size: 10px;
}
.smp-special .pc-shipping {
font-size: 9px;
line-height: 18px;
}
}
.announcement_span {
width:49%;
text-align:center;
display:inline-block;
z-index:999999;
}
#announcement p {
display:inline;
}
header.global #announcement {
background-color: #87e2d1 !important;
}
header.global #announcement .special-button {
color:#FFFFFF;
position:relative;
background-color: #87e2d1;
font-family: sans-serif, serif;
font-weight: bold;
max-width: 300px;
margin: auto;
}
header.global #announcement .special-button:hover {
/*background-color: rgba(255,255,255,.15) !important;*/ /*#abf1e4 !important;*/
}
header.global #announcement .special-button {
padding: 5px 40px;
}
header.global #announcement .special-button:hover {
background-color: rgba(255,255,255,.15) !important; /*#abf1e4 !important;*/
color:#FFFFFF;
cursor:pointer;
}
header.global #announcement a.special {
position: relative;
color: #ffffff;
vertical-align: middle;
font-size: 1em;
line-height: 1.2em;
text-transform: uppercase;
}
.mobile-only { display: none; }
@media only screen and (max-width: 830px) {
.announcement_span {
width:100%;
margin:.5em 0;
}
}
@media only screen and (max-width: 480px) {
.announcement_span {
font-size:.9em;
}
.mobile-only { display: block; }
}
@media only screen and (max-width: 400px) {
.announcement_span {
font-size:.8em;
}
}
/**
div.blackout, div.blackout div, div.blackout span, div.blackout a, header.global #announcement {
background-color: #000000 !important;
colo: #ffffff !important;
}
**/