/*
 Theme Name:        otticamarangoni
 Theme URI:         https://www.oceanwp.com
 Description:       Tema personalizzato per la pagina web di ottica marangoni a lugo(ra).
 Author:            LV-CV
 Author URI:        https://sites.google.com/view/lv-cv/home
 Template:          oceanwp
 Version:           1.0.1
 License:           GPL-2.0+
 License URI:       https://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:       otticamarangoni
 Tags:              custom, child-theme
*/

/* Padding header menu items */
#site-header.center-header #site-navigation-wrap .dropdown-menu > li > a { padding: 0 28px; }

/* Blog entries */
.blog-entry.grid-entry .blog-entry-header {
    margin: 20px 0 20px; 
    
}
.blog-entry.grid-entry .blog-entry-inner { 
    text-align: center; 
    
}

/* Single post title */
.single-post .entry-title { 
    text-align: center; margin: 0; 
    
}

.cn-button.bootstrap {
    color: #212121;
    background: #00cfbb;
}

::-moz-selection { /* Code for Firefox */
  color: #212121;
  background: #00CFBB;
}

::selection {
  color: #212121;
  background: #00CFBB;
}

#custom-logo .middle-site-logo.clr #site-header #site-logo #site-logo-inner, #site-header.center-header #site-navigation-wrap .middle-site-logo {
    /**/
    animation: logoFlip 1.2s ease-out, logoBounce 0.6s ease-out 1.2s;
    transform-origin: center;
    display: inline-block;
    
    /*
    animation: logoFlip 1.2s ease-out,
               logoBounce 0.6s ease-out;
    animation-iteration-count: infinite;
    animation-delay: 0s, 1.2s;
    animation-duration: 7s, 7s;
    transform-origin: center;
    display: inline-block;
    */
}
/* Rotazione tipo flip 3D */
@keyframes logoFlip {
    0% {
        transform: rotateY(0deg);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    100% {
        transform: rotateY(360deg);
        opacity: 1;
    }
}

/* Due rimbalzini */
@keyframes logoBounce {
    0% {
        transform: translateY(0);
    }
    30% {
        transform: translateY(-8px);
    }
    60% {
        transform: translateY(0);
    }
    80% {
        transform: translateY(-4px);
    }
    100% {
        transform: translateY(0);
    }
}