html,
.mask {
background-repeat: no-repeat;
}
body { }
body.branda-maintenance #counter, body.branda-maintenance #social {
display: none;
}
body.branda-maintenance .mask,
body.branda-maintenance .overall {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
body.branda-maintenance .overall {
display: flex;
align-items: center;
}
body.branda-maintenance .overall .page {
margin: 0 auto;
padding: 1em 2em;
}
body.has-social #social {
display: block;
margin: 1em 0;
}
body.has-social #social ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
margin: 0;
padding: 0;
}
body.has-social #social a {
color: black;
text-decoration: none;
opacity: .5;
}
body.has-social #social a:hover {
opacity: 1;
}
body.has-social #social span {
width: 3em;
padding-bottom: 1em;
}
body.has-social #social span:before {
font-size: 2em;
}
body.use-color .social-logo-amazon:before {
color: #d70;
}
body.use-color .social-logo-blogger:before {
color: #f57d00;
}
body.use-color .social-logo-codepen:before {
color: #000;
}
body.use-color .social-logo-dribbble:before {
color: #ea4c89;
}
body.use-color .social-logo-dropbox:before {
color: #007ee5;
}
body.use-color .social-logo-eventbrite:before {
color: #f6682f;
}
body.use-color .social-logo-facebook:before {
color: #3b5999;
}
body.use-color .social-logo-flickr:before {
color: #ff0084;
}
body.use-color .social-logo-foursquare:before {
color: #f94877;
}
body.use-color .social-logo-ghost:before {
color: #ecbb2e;
}
body.use-color .social-logo-github:before {
color: #eb4924;
}
body.use-color .social-logo-google:before {
color: #dd4b39;
}
body.use-color .social-logo-instagram:before {
color: #e4405f;
}
body.use-color .social-logo-linkedin:before {
color: #0077B5;
}
body.use-color .social-logo-pinterest:before {
color: #bd081c;
}
body.use-color .social-logo-pocket:before {
color: #ee4056;
}
body.use-color .social-logo-polldaddy:before {
color: #bc0b0b;
}
body.use-color .social-logo-reddit:before {
color: #ff5700;
}
body.use-color .social-logo-skype:before {
color: #00AFF0;
}
body.use-color .social-logo-spotify:before {
color: #1ed760;
}
body.use-color .social-logo-squarespace:before {
color: #000;
}
body.use-color .social-logo-stumbleupon:before {
color: #eb4924;
}
body.use-color .social-logo-telegram:before {
color: #eb4924;
}
body.use-color .social-logo-tumblr:before {
color: #34465d;
}
body.use-color .social-logo-twitter:before {
color: #55acee;
}
body.use-color .social-logo-vimeo:before {
color: #1ab7ea;
}
body.use-color .social-logo-whatsapp:before {
color: #25D366;
}
body.use-color .social-logo-wordpress:before {
color: #21759b;
}
body.use-color .social-logo-xanga:before {
color: #437fbb;
}
body.use-color .social-logo-youtube:before {
color: #cd201f;
}
body.has-counter #counter {
display: block;
margin: 1em 0;
font-size: 2em;
font-family: monospace;
text-align: center;
}
body.has-counter .countdown {
font-size: 14px;
font-family: 'sans-serif';
padding: 4em 0;
}
body.has-counter .countdown .clock {
display: flex;
}
body.has-counter .countdown .clock .clock-item {
width: 21%;
margin: 0 2%;
}
body.has-counter .countdown .clock .clock-item .inner {
height: 0px;
padding-bottom: 100%;
position: relative;
width: 100%;
}
body.has-counter .countdown .clock-canvas {
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
height: 0px;
padding-bottom: 100%;
}
body.has-counter .countdown .text {
font-size: 30px;
font-weight: bold;
margin-top: -50px;
position: absolute;
top: 50%;
text-align: center;
text-shadow: 1px 1px 1px black;
width: 100%;
}
body.has-counter .countdown .text .val {
font-size: 40px;
}
body.has-counter .countdown .text .type-time {
font-size: 20px;
}
@media (min-width: 768px) and (max-width: 991px) {
body.has-counter .countdown .clock-item {
margin-bottom: 30px;
}
}
@media (max-width: 767px) {
body.has-counter .countdown .clock-item {
margin: 0px 30px 30px 30px;
}
}
body.branda-maintenance-timer-flipclock .clock.flip-clock-wrapper {
margin: 40px 0 20px 0;
min-width: 620px;
}