/*
Theme Name: arance4
Theme URI: http://wordpressguidabaseallosviluppo.it/
Author: Chicco
Author URI: https://wordpress.org/
Description: Conversione di un template HTML 5 in WP
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arance4
Tags:  html5, conversione html to WP, bootstrap.

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

html,
body{
  overflow-x: hidden;
  background-color:white ;
}

  .senter-page {

   background-color: white;
   width: 98%;
   margin: auto;
 }
 
 
 body .is-layout-flex {
                flex-wrap: nowrap;
                align-items: center;
            }
#blob {
    background-color: orange;
    animation-name: blobAnimation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.26, 0.49, 0.45, 0.94);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
    position: absolute;
    min-width: 260px;
    min-height: 350px;
    z-index: ;
    aspect-ratio: 1/1;
    margin-left: 6%;
    margin-top: 12%;
}

@keyframes blobAnimation {
    0% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
    }
    25% {
        border-radius: 37% 63% 80% 20% / 71% 76% 24% 29%;
    }
    50% {
        border-radius: 51% 49% 31% 69% / 27% 21% 79% 73%;
    }
    100% {
        border-radius: 30% 70% 70% 30% / 30% 30% 70% 70% ;
    }
}

@media (max-width: 767px){
#blob {
    background-color: orange;
    animation-name: blobAnimation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.26, 0.49, 0.45, 0.94);
    border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    position: absolute;
    min-width: 160px;
    min-height: 220px;
    z-index: ;
    aspect-ratio: 1/1;
    margin-left: ;
    margin-top: ;
}

@keyframes blobAnimation {
    0% {
        border-radius: 57% 43% 18% 82% / 61% 46% 54% 39% 
    }
    25% {
        border-radius: 37% 63% 80% 20% / 71% 76% 24% 29%;
    }
    50% {
        border-radius: 51% 49% 31% 69% / 27% 21% 79% 73%;
    }
    100% {
        border-radius: 57% 43% 18% 82% / 61% 46% 54% 39% ;
    }
}
 }
 
 
}
@media (max-width: 767px){
.wp-block-media-text__content {

    
    margin-top: 50px;
 }
}
 
.wp-block-media-text__media img {
    box-shadow: -5px -10px 19px 9px;
}
#content{

  display: inline-block;
  padding: 0;
}

li.menu-item-207 {

display: none;
}

#menu-item-266 {
background-color: ;
display: none;

}

#menu-menu-footer {
    
    list-style-type: disclosure-closed;
}

@media(max-width:767px) {
#menu-item-266 {
  display: inherit;
 }
}

 @media(max-width:767px) {
 li.menu-item-207 {
   display: block;
  }
}

 @media(max-width:767px) {
 .cart-contents:before {
   display: none;
  }
}




 .senter-page h1  {
  color: #e53710;
  font-family: 'Lato', sans-serif;
  font-weight: 800;
  text-align: center;


}
 mark {

   display: none !important;
 }
 
 .navbar-inverse .navbar-nav > li > a {
  color: #39ef60;
  font-size: 19px;
  font-weight: 900;
  margin-right: 20px;
  margin-left: 20px;
}



.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: red;
  background-color: transparent;
}

.wp-block-social-links.wp-container-1 {
    justify-content: center;
    flex-wrap: nowrap;
}

 .wp-block-media-text .wp-block-media-text__content {
  margin-top: 6px;
  padding: 30px 30px 30px 30px;
  

 }
 
 .wp-block-social-links.wp-container-4 {
    justify-content: center;
    flex-wrap: nowrap;
}

#reblog {
    background-color: green;
    animation-name: reblogAnimation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.38);
    border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    position: absolute;
    min-width: 460px;
    min-height: 450px;
    z-index: ;
    aspect-ratio: 1/1;
    margin-left: 60%;
    margin-top: 0;
}

@keyframes reblogAnimation {
    0% {
        border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    }
    25% {
        border-radius: 37% 63% 80% 20% / 71% 76% 24% 29%;
    }
    50% {
        border-radius: 51% 49% 31% 69% / 27% 21% 79% 73%;
    }
    100% {
        border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    }
}
@media (max-width: 767px){
#reblog {
    background-color: green;
    animation-name: reblogAnimation;
    animation-duration: 8s;
    animation-iteration-count: infinite;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.38);
    border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    position: absolute;
    min-width: 180px;
    min-height: 220px;
    z-index: ;
    aspect-ratio: 1/1;
    margin-left: 40%;
    margin-top: 83%;
}

@keyframes reblogAnimation {
    0% {
        border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    }
    25% {
        border-radius: 37% 63% 80% 20% / 71% 76% 24% 29%;
    }
    50% {
        border-radius: 51% 49% 31% 69% / 27% 21% 79% 73%;
    }
    100% {
        border-radius: 69% 31% 29% 71% / 48% 42% 58% 52%;
    }
}
 }
  #cate {

    text-align: center;
    top: 0;
    left: 0;
  }
 .deri {
     width: 50px;
     height: 55px;
     float: right;
     display: block !important
     color: #FFF;
     background-color: red;
 }


 .wp-block-social-links {

   margin-top: 50px;
   margin-left: 60px;
 }

 #nav_menu-5.widget.widget_nav_menu {

   background-color: ;
   list-style-type: none;
   margin-top: 50px;
   border-radius: 10px;


 }

 #nav_menu-5.widget.widget_nav_menu li {

   list-style-type: none;
   padding: 2px;

 }

 #block-59.widget.widget_block.widget_text {

  background-color: red;
  margin-top: 50px;

 }

 .wp-block-image {

   display: block !important
 }

 .new {

   display: block;
   position: relative;
   z-index: 999;
 }


p.viper{
  background-color: red;
  margin-top: 50px;
  padding: 26px;
  border-radius: 10px;
}

 .widgettitle {

   text-align: center;
 }
 .navbar-fixed-top {

   border-bottom: 7px solid #11a932;
   
   box-shadow: 1px 1px 20px 20px orange inset;
 }

 #social {

   background-color: ;
   margin-top: 110px;
   z-index: 100;
 }
 .has-luminous-vivid-amber-color {

   margin-top: 76px;
 }

 .scroli {

   background-color: red;
 }
 #scroll-up {
     position: fixed;
     right: 30px;
     bottom: 73px;
     display: none;
     height: 50px;
     width: 50px;
     background: red;
     text-align: center;
     line-height: 50px;
     z-index: 9999;
     border: solid 1px rgba(255,255,255,0.6);
 }

 #scroll-up a {
    display: block;
    color: #FFF;
}
.has-text-align-center {

  color: red;
}
.navbar-fixed-top {
position: absolute!important;
}
 .prova{

}

#logo {
  width:150px;
}

.hover-underline-animation {
  display: inline-block;
  position: relative;
  color: red;
}

.hover-underline-animation:after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  left: 0;
  background-color: red;
  transform-origin: bottom right;
  transition: transform 0.50s ease-out;
}

.hover-underline-animation:hover:after {
  transform: scaleX(1);
  transform-origin: bottom left;
}
.wp-block-columns.wp-container-3 {
    flex-wrap: nowrap;
    margin-top: 5%;

 .wp-container-4 {
    justify-content: center;
    display: flex;
    flex-wrap: nowrap;
}