/*!
Theme Name: Rodrigo Nasta
Theme URI: http://www.rodrigonasta.me/
Author: Rodrigo
Author URI: http://www.rodrigonasta.me/
Description: Theme Custom
Version: 1.0

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

theme is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@200;300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400&display=swap');

@font-face {
    font-family: "Wonder Lover";
    src: url(/wp-content/themes/nasta/assets/fonts/Wonder-Lover.ttf);
}
@font-face {
    font-family: "Wonder Big Love";
    src: url(/wp-content/themes/nasta/assets/fonts/Wonder-Big-Love.ttf);
}

.wonder-lover{
    font-family: 'Wonder Lover', sans-serif !important;
}

.wonder-big-love{
    font-family: 'Wonder Big Love', sans-serif !important;
}

.raleway{
    font-family: 'Raleway', sans-serif !important;
}
.barlow{
    font-family: 'Barlow Condensed', sans-serif !important;
}
.roboto-mono{
    font-family: 'Roboto Mono', monospace !important;
}

.mw-inherit{
    max-width: inherit !important;
}

.link-color{
    color: #FF336D !important;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.bg-section-gray{
    background-color: #FAFAFA;
}

.letter-spacing-015{ letter-spacing: 0.15px; }
.letter-spacing-025{ letter-spacing: 0.25px; }
.letter-spacing-05{ letter-spacing: 0.5px; }
.letter-spacing-1{ letter-spacing: 1px; }

header{
    background-color: white;
}

.owl-carousel .owl-stage{
    display: flex;
    align-items: center;
}
.owl-carousel .item img{
    width: auto !important;
    display: initial !important;
}
.owl-carousel .owl-dots{
    text-align: center;
    margin-top: 20px;
}
.owl-carousel .owl-dots button.owl-dot {
    background-image: linear-gradient(315.26deg, #212121 0%, #3C4B54 100%) !important;
    border-radius: 100%;
    width: 10px;
    height: 10px;
    margin: 8px;
    opacity: .2;
}
.owl-carousel .owl-dots button.owl-dot.active {
    opacity: 1;
}

.navbar-nav .nav-item .nav-link{
    color: #3F3F3F;
    font-family: 'Barlow Condensed';
    font-size: 18px;
    padding-top: 36px;
    padding-bottom: 36px;
}
.navbar-nav .nav-item{
    position: relative;
}
.navbar-nav .nav-item.active:before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 19;
}
.navbar-nav .nav-item:hover:before{
    content: '';
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 8px;
    left: 0;
    width: 100%;
    height: 30px;
    z-index: 19;
}
.navbar-nav .nav-item.light.active:before{
    background-image: url(/wp-content/uploads/2021/11/menu_smile_white.png);
}
.navbar-nav .nav-item.light:hover:before{
    background-image: url(/wp-content/uploads/2021/11/menu_smile_white.png);
}
.navbar-nav .nav-item.dark.active:before{
    background-image: url(/wp-content/uploads/2021/11/menu_smile_black.png);
}
.navbar-nav .nav-item.dark:hover:before{
    background-image: url(/wp-content/uploads/2021/11/menu_smile_black.png);
}
.navbar-nav .nav-item .nav-link:before {
    content: '';
    background-color: black;
    width: 100%;
    height: 10px;
    position: absolute;
    bottom: 36px;
    left: 0px;
    z-index: 1;
}
.navbar-nav .nav-item .nav-link {
    min-width:74px;
}
.navbar-nav .nav-item.active .nav-link:before,
.navbar-nav .nav-item:hover .nav-link:before {
    top: 0;
    left: 0;
    height: 100%;
}
.navbar-nav .nav-item:nth-child(1) .nav-link:before {
    background-color: #FF336D;
}
.navbar-nav .nav-item:nth-child(2) .nav-link:before {
    background-color: #E6FF33;
}
.navbar-nav .nav-item:nth-child(3) .nav-link:before {
    background-color: #31CFFF;
}
.navbar-nav .nav-item:nth-child(4) .nav-link:before {
    background-color: #E201FF;
}
.navbar-nav .nav-item:nth-child(5) .nav-link:before {
    background-color: #01FFB4;
}


.footer-nav .nav-item .nav-link:before {
    content: '';
    background-color: black;
    width: 90%;
    height: 3px;
    position: absolute;
    bottom: 6px;
    z-index: 1;
    left: 50%;
    transform: translateX(-50%);
}
.footer-nav .nav-item:nth-child(1) .nav-link:before {
    background-color: #FF336D;
}
.footer-nav .nav-item:nth-child(2) .nav-link:before {
    background-color: #E6FF33;
}
.footer-nav .nav-item:nth-child(3) .nav-link:before {
    background-color: #31CFFF;
}
.footer-nav .nav-item:nth-child(4) .nav-link:before {
    background-color: #E201FF;
}
.footer-nav .nav-item:nth-child(5) .nav-link:before {
    background-color: #01FFB4;
}

.normal-text{
    font-size: 16px;
    letter-spacing: 0.15px;
}
.normal-text a{
    color: #FF336D;
    letter-spacing: 0.15px;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.slide.animation .title{
    color: #3F3F3F;
    font-size: 72px;
    letter-spacing: 7.5px;
    line-height: 75px;
}
.slide.contact .title{
    color: #3F3F3F;
    font-size: 72px;
    letter-spacing: 7.5px;
    line-height: 75px;
}
.slide.home{
    background-color: #EEEEEE;
    background-color: #EEEEEE;
    padding: 172px 0px;
}
.slide.home .title{
    color: #3F3F3F;
    font-family: 'Barlow Condensed';
    font-size: 72px;
    letter-spacing: 7.5px;
    line-height: 115px;
    text-align: left;
}
.slide.home .title span.text-small{
    display: block;
    font-size: 16px;
    letter-spacing: 0.15px;
    line-height: 26px;
}
.slide.home .title span.decoration-idea{
    font-size: 82px;
    text-transform: lowercase;
    font-weight: normal;
    letter-spacing: 6px;
    position: relative;
}
.slide.home .title span.decoration-idea:before {
    content: '';
    width: 150px;
    height: 25px;
    background: #ff336d;
    position: absolute;
    bottom: 12px;
    left: -10px;
    z-index: 1;
}
.slide.ideas-work.space .title{
    text-shadow: 0 2px 13px 0 rgba(2, 15, 35, 0.61);
    color: #FFFFFF;
    font-family: 'Barlow Condensed';
    font-size: 72px;
    letter-spacing: 7.5px;
    font-weight:bold;
    text-transform: uppercase;
    line-height: 75px;
}

.my-banner{
    padding: 432px 0px 178px 0px;
}

.legend-support img.small{
    height: 25px;
}



.social-content .social.bordered:before {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    height: 50%;
    width: 1px;
    background: #6D6D6D;
}
.social-content .social.bordered-long:before {
    content: '';
    position: absolute;
    top: 15px;
    right: 0;
    height: 80%;
    width: 1px;
    background: #6D6D6D;
}
.social-content .description-social{
    font-size: 14px;
    color: #737680;
}

#pizza{
    background-color: #FFEEEE;
}
#pizza .text{
    letter-spacing: -0.05px;
    line-height: 26px;
}
#pizza .btn,
#gform_1 input[type="submit"],
#projects .btn{
    background-color: #343538;
    color: white;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 14px;
    letter-spacing: 1.4px;
    font-family: 'Roboto Mono';
    border: 0px;
    border-radius: 0px;
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.4);
}
#pizza .btn{
    padding: 11px 44px;
}
#projects .btn{
    padding: 13.5px 12px;
}
#gform_1 .ginput_container input,
#gform_1 .ginput_container textarea{
    background-color: #fafafa;
    padding: 12px;
    border: 0px;
    border-radius: 0px;
}
@media screen and (max-width:575px){
    #gform_1 .gform_footer{
        justify-content: center;
        z-index: -1;
    }
    .w-50-desk-100{
        width: 100%;
    }
}
@media screen and (min-width: 576px){
    #gform_1 .gform_footer{
        text-align: right;
        justify-content: end;
        margin-top: -60px;
        z-index: -1;
    }
    .w-50-desk-100{
        width: 50%;
    }
}
#gform_1 .gform_footer input[type="submit"]{
    padding: 17px 26px;
    margin-bottom: 0px !important;
}
.gfield.font-weight-normal label{
    font-weight: normal !important;
}
#gform_1 .gfield_consent_label{
    display: inline;
    padding-left: 5px;
}

footer{
    background-image: linear-gradient(135deg, #474751 0%, #222228 100%);
}
footer .social-content img{
    width: 56px;
}
footer hr.divider{
    border-color: #4F5362;
}
.bg-pink-light{
    background-color: #FFEEEE;
}
#prefooter .title{
    color: #2A2A2A;
    font-family: 'Barlow Condensed';
    font-size: 34px;
    letter-spacing: 0.25px;
    line-height: 41px;
}
.height-700{
    height: 700px;
}

.h-inherit{
    height: inherit !important;
}

@media screen and (min-width:992px){
    .mt-n-9{
        margin-top: -9rem !important;
    }
    .mt-n-12{
        margin-top: -12rem !important;
    }
    .mt-n-16{
        margin-top: -16rem !important;
    }
}

.ml-n7, .mx-n7 {
    margin-left: -5rem !important;
}
.mr-n7, .mx-n7 {
    margin-right: -5rem !important;
}

.mt-n7, .my-n7 {
    margin-top: -5rem !important;
}
.mb-n7, .my-n7 {
    margin-bottom: -5rem !important;
}
.mt-n10, .my-n10 {
    margin-top: -8rem !important;
}
.mb-n10, .my-n10 {
    margin-bottom: -8rem !important;
}

.block-gradient-1{
    background-image: linear-gradient(319.38deg, #3023AE 0%, #4ADEEA 100%);
    border-radius: 277.5px 277.5px 277.5px 0;  
}
.block-gradient-2{
    background-image: linear-gradient(135deg, #3023AE 0%, #4ADEEA 100%);
    border-radius: 272px 0 272px 272px;
}
.block-gradient-3{
    background-image: linear-gradient(135deg, #3023AE 0%, #4ADEEA 100%);
    border-radius: 153px 153px 153px 0;  
}

.number-step{
    color: #3C3C3C;
    line-height: 130px;
    font-size: 180px;
}

hr.mw-65{
    max-width: 65px;
}

.ideas-box {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
}

@media screen and (max-width: 1023px) {
    .ideas-box {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }
}

/* Cursore Custom */

/* Nasconde il cursore originale */
body, * {
  cursor: none !important;
}

/* Cursore principale */
#custom-cursor {
  position: fixed;
  width: 24px;
  height: 24px;
  background-color: #FBFD00;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9999;
  box-shadow: 0 0 10px #FBFD00;
  transition: transform 0.05s linear;
}

.trail-dot {
  position: fixed;
  width: 24px;
  height: 24px;
  background-color: #FBFD00;
  border-radius: 50%;
  pointer-events: none;
  z-index: 9998;
  opacity: 1;
}

/* About Page */

.about-back-button {
    position: absolute;
    bottom: 50px;
    width: auto;
    background-color: #fff;
    box-shadow: 0px 5px 10px rgba(255, 255, 255, 0.4);
}

.about-back-button a {
    color: #343538; 
}

.about-back-button a:focus {
    box-shadow: none !important;
    color: #343538 !important;
}