/* Theme Name: GeneratePress Child Theme URI: https://generatepress.com Template: generatepress Author: Tom Usborne Author URI: https://tomusborne.com Description: GeneratePress is a lightweight WordPress theme built with a focus on speed and usability. Performance is important to us, which is why a fresh GeneratePress install adds less than 10kb (gzipped) to your page size. We take full advantage of the block editor (Gutenberg), which gives you more control over creating your content. If you use page builders, GeneratePress is the right theme for you. It is completely compatible with all major page builders, including Beaver Builder and Elementor. Thanks to our emphasis on WordPress coding standards, we can boast full compatibility with all well-coded plugins, including WooCommerce. GeneratePress is fully responsive, uses valid HTML/CSS, and is translated into over 25 languages by our amazing community of users. A few of our many features include 60+ color controls, powerful dynamic typography, 5 navigation locations, 5 sidebar layouts, dropdown menus (click or hover), and 9 widget areas. Learn more and check out our powerful premium version at https://generatepress.com Tags: two-columns,three-columns,one-column,right-sidebar,left-sidebar,footer-widgets,blog,e-commerce,flexible-header,full-width-template,buddypress,custom-header,custom-background,custom-menu,custom-colors,sticky-post,threaded-comments,translation-ready,rtl-language-support,featured-images,theme-options Version: 3.3.0.1683040245 Updated: 2023-05-02 15:10:45 */
/*------------------------------------------- Tipography */
 h1,h2,h3,h4,h5,h6{
     padding:0px;
     margin:0px;
     font-family: 'lora';
}
 .droid{
     font-family: 'Droid Sans';
}
/*------------------------------------------- Layout */
 .row{
     width: 90%;
     max-width: 1640px;
     margin: 0 auto;
     display: flex;
     gap: 30px;
     flex-direction: column;
}
 .row-fluid {
     display: flex;
     gap: 60px;
     flex-direction: column;
}
 .column-1-2 {
     flex: 0 1 100%;
}
 .column_12 {
     flex: 0 0 100%;
}
 @media(min-width: 1025px){
     .row .column-1-3:first-child {
         flex: 0 1 30%;
    }
     .row .column-1-3:nth-child(2) {
         flex: 0 1 70%;
    }
     .column-1-2 {
         flex: 0 1 50%;
    }
     .row-fluid {
         gap: 30px;
         flex-direction: row;
    }
     .row{
         width: 80%;
         flex-direction: row;
    }
}
/*------------------------------------------- General */


/*----*/
.scope{
    font-family: 'Scope Trial';
}
.aeonik{
    font-family: 'Aeonik';
}

 html, body {
     overflow-x: hidden;
}
.no-scroll {
  overflow: hidden;
}
 div#content {
     display: block!important;
     padding: 0px !important;
}
 div#page {
     width: 100%;
     max-width: 100%;
}
 body{

     font-size: 16px;
     line-height: 24px ;
     color: #111;
     background: #000;
     font-family: 'Aeonik';
}
 p,a,span{
     margin: 0px;
     padding: 0px;
}
 .primary-button {
     background: #52AEEB;
     color: #fff;
     transition: 300ms;
     text-decoration: none;
     padding: 14px 28px;
     border-radius: 25px;
     display: flex;
     max-width: fit-content;
     font-weight: bold;
     font-size: 14px;
}
 .primary-button:hover {
     background: #000;
     color: #fff;
     transition: 300ms;
}
 .secondary-button {
     font-size: 14px;
     background: transparent;
     color: #52AEEB;
     transition: 300ms;
     text-decoration: none;
     padding: 12px 26px;
     border-radius: 25px;
     display: flex;
     max-width: fit-content;
     font-weight: bold;
     border: 2px solid #52AEEB;
}
 .secondary-button:hover {
     background: #52AEEB;
     color: #fff;
     transition: 300ms;
}

.color-change-2x {
	-webkit-animation: color-change-2x 4s linear infinite alternate both;
	        animation: color-change-2x 4s linear infinite alternate both;
}



.portfolio-element {
    border: 1px solid #ccc;
    padding: 30px 50px;
    transition: 300ms;
}

.portfolio-element:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #111;
    transition: 500ms;
}
.portfolio-element a {
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
    
}



.portfolio-type,.portfolio-cms {
    margin-top: 15px;
}

.portfolio-type span {
    background: #fff;
    color: #000;
    text-decoration: none;
    padding: 5px 10px;
    border-radius: 25px;
    display: inline-block;
    transition: 300ms;
}

.portfolio-cms span{
    transition: 300ms;
    color: #fff;
    text-decoration: none;
    padding: 4px 10px;
    border-radius: 25px;
    display: inline-block;
    border: 1px solid #fff;
}



.portfolio-element.aeonik a {
    transition: 300ms;
    text-decoration: none;
}

.portfolio-element:hover h3{
    transition: 500ms;
    color : #111 !important;
}
.portfolio-element:hover svg{
    transition: 300ms;
    padding-left: 10px;
    fill: #111;
}

.portfolio-element:hover .portfolio-cms span{
    border: 1px solid #111;
    transition: 300ms;
    color: #333;
}

.portfolio-element:hover .portfolio-type span {
    background: #333;
    color: #fff;
    transition: 300ms;
}
.portfolio-element {
    border: 1px solid #ccc;
    padding: 20px 20px;
    transition: 300ms;
}
.portfolio-element svg {
    height: 20px;
    width: 20px;
    transition: 300ms;
    fill: #fff;
}
.portfolio-label-wrapper {
    display: flex;
    gap: 8px;
    font-size: 12px;
    line-height: 1em;
}

.portfolio-element h3 {
    font-size: 4vw;
    color: #fff;
    transition: 300ms;
}
.portfolio-loop-wrapper {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.section.section-head {
    padding: 80px 0 0;
    color: #fff;
}
.section.section-portfolio-loop {
    padding: 50px 0 80px;
}
.home-head-text h1 {
    font-size: 7vw;
}
.home-head-text {
    text-align: center;
}
body.home.blog.logged-in.admin-bar.wp-embed-responsive.right-sidebar.nav-float-right.separate-containers.header-aligned-left.dropdown-hover.customize-support {
    background-image: url(https://gabriele.und3fined.it/wp-content/uploads/2024/05/Nuovo-progetto-6.png);
    background-size: 40px;
    position: relative;
}


.footer-main {
    background: #07FE57;
    padding: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms;
    position: fixed;
    bottom: 5%;
    right: 5%;
    box-shadow: 0 10px 30px #000;
}
.footer-main:hover {
    background: #fff;
    transition: 500ms;
}
.footer-main:hover svg{
     transition: 500ms;
    transform: scale(1.05);
}
.footer-main svg {
    height: 20px;
    width: 20px;
    fill: #111;
    transition: 300ms;
display: flex;
}
@media(min-width: 1025px){
    .footer-main svg {
    height: 30px;
    width: 30px;
    fill: #111;
    transition: 300ms;
display: flex;
}
    .footer-main {
        cursor: pointer;
    background: #07FE57;
    padding: 30px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 300ms;
    position: fixed;
    bottom: 5%;
    right: 5%;
    box-shadow: 0 10px 30px #000;
}
    body.home.blog.logged-in.admin-bar.wp-embed-responsive.right-sidebar.nav-float-right.separate-containers.header-aligned-left.dropdown-hover.customize-support {
    background-size: 80px;
}
    .home-head-text h1 {
    font-size: 5vw;
}
    .section.section-portfolio-loop {
    padding: 50px 0 120px;
}
    .section.section-head {
    padding: 120px 0 0;
    color: #fff;
}
    .portfolio-loop-wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.portfolio-element.aeonik h3 {
    font-size: 3vw;
    color: #fff;
    transition: 300ms;
}
    .portfolio-label-wrapper {
    display: flex;
    gap: 8px;
    font-size: 15px;
    line-height: 1em;
}
    .portfolio-element svg {
    height: 30px;
    width: 30px;
    transition: 300ms;
    fill: #fff;
}
.portfolio-element {
    padding: 30px 50px;
}
}

.heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
}

/* ----------------------------------------------
 * Generated by Animista on 2024-5-1 18:12:28
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}