/*
 Theme Name: Pofo Child
 Theme URI: http://wpdemos.themezaa.com/pofo
 Description: Child theme for Pofo theme
 Version: 1.0
 Author: ThemeZaa
 Author URI: http://www.themezaa.com
 Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, blog, e-commerce, photography, portfolio
 License: Themeforest Split Licence
 License URI: http://themeforest.net/licenses
 Template: pofo
 Text Domain: pofo-child
*/


.count-down {
    padding: 0;
    color: white;
}
.count-down h3 {
    font-size: 5rem;
}
.count-down__message {
    text-align: center;
    margin: 0 2rem 1rem 2rem;
}
.count-down__message a {
    margin-left: 1rem;
}
.count-down__wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.count-down__component {
    margin: 0 2rem;
    text-align: center;
}
.count-down__component .valor {
    font-size: 5rem;
    font-weight: 900;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform-origin: center bottom;
}
.count-down__component .tiempo {
    font-size: 1rem;
}
.dropdown-item:focus, .dropdown-item:hover {
    background-color: white;
}
@keyframes countDownMotion {
    from {
        opacity: 1;
        transform: scaleY(1);
    }
    to {
        opacity: 0;
        transform: scaleY(0);
    }
}
.count-down__component .valor.change {
    animation: 0.5s countDownMotion ease;
}
.count-down.center .count-down__wrapper{
    justify-content: center;
}
.count-down.center .count-down__message{
    text-align: center;
}
.count-down.left .count-down__wrapper{
    justify-content: left;
}
.count-down.left .count-down__message{
    text-align: left;
}
.count-down.right .count-down__wrapper{
    justify-content: right;
}
.count-down.right .count-down__message{
    text-align: right;
}

/*fix menu*/
@media (min-width: 1200px) {
    nav.navbar.bootsnav.menu-center ul.nav.navbar-center {
        display: flex;
        float: none;
        margin: 0 auto;
        table-layout: fixed;
        justify-content: center;
    }
    .simple-dropdown.dropdown {
        position: relative;
        display: flex;
        align-content: center;
        justify-content: center;
    }
    header.sticky nav.navbar.navbar-default.navbar-fixed-top ul.nav > li > a, header.sticky nav.navbar.navbar-default.navbar-top ul.nav > li > a, nav.navbar.navbar-default ul.nav > li > a {
        padding: 32px 0;
        display: flex;
        align-content: center;
        justify-content: center;
    }
}