/*
Theme Name: Torufilm
Theme URI: http://torufilm.com
Author: Edoardo Scazzocchio
Author URI: http://torufilm.com
Description: Your production service in Milan
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: torufilm

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.
*/

/* Reset some basic elements */
h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    margin: 0;
    padding: 0;
}

body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    color: #333;
    background-color: #FFD902;
    line-height: 1.6;
    font-size: 16px;
}

/* body.lock-scroll {
    overflow: hidden;
} */

a {
    color: #007bff;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Navigation */
.navbar {
    background-color: #f8f9fa;
}

.nav-link {
    font-size: 1.2em; /* Larger navigation links */
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .nav-link {
        font-size: 1em; /* Smaller font size for mobile */
    }
}


/* Fonts utilities */
/* Utility classes for Coolvetica font styles, sorted from lighter to darker/bolder */
.coolvetica-el {
    font-family: 'Coolvetica El', sans-serif;
    font-weight: 200;
    font-style: normal;
}

.coolvetica-el-italic {
    font-family: 'Coolvetica El', sans-serif;
    font-weight: 200;
    font-style: italic;
}

.coolvetica-ul {
    font-family: 'Coolvetica Ul', sans-serif;
    font-weight: 200;
    font-style: normal;
}

.coolvetica-ul-italic {
    font-family: 'Coolvetica Ul', sans-serif;
    font-weight: 200;
    font-style: italic;
}

.coolvetica-lt {
    font-family: 'Coolvetica Lt', sans-serif;
    font-weight: 300;
    font-style: normal;
}

.coolvetica-lt-italic {
    font-family: 'Coolvetica Lt', sans-serif;
    font-weight: 300;
    font-style: italic;
}

.coolvetica-bk {
    font-family: 'Coolvetica Bk', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.coolvetica-bk-italic {
    font-family: 'Coolvetica Bk', sans-serif;
    font-weight: normal;
    font-style: italic;
}

.coolvetica-rg {
    font-family: 'Coolvetica Rg', sans-serif;
    font-weight: normal;
    font-style: normal;
}

.coolvetica-rg-italic {
    font-family: 'Coolvetica Rg', sans-serif;
    font-weight: normal;
    font-style: italic;
}

.coolvetica-rg-bold {
    font-family: 'Coolvetica Rg', sans-serif;
    font-weight: bold;
    font-style: normal;
}

.coolvetica-rg-bold-italic {
    font-family: 'Coolvetica Rg', sans-serif;
    font-weight: bold;
    font-style: italic;
}

.coolvetica-hv {
    font-family: 'Coolvetica Hv', sans-serif;
    font-weight: 900;
    font-style: normal;
}

.coolvetica-hv-italic {
    font-family: 'Coolvetica Hv', sans-serif;
    font-weight: 900;
    font-style: italic;
}


/* Color utilities */
.bg-tf-yellow {
    background-color: #FFD902;
}


.text-left {
    text-align:left;
}

.text-right {
    text-align:right;
}


.p-7 {
    padding: 4rem !important;
}

.p-8 {
    padding: 4.5rem !important;
}

.p-9 {
    padding: 5rem !important;
}

.p-10 {
    padding: 6rem !important;
}

.ps-15 {
    padding-left: 9rem !important;
}

.ps-20 {
    padding-left: 12rem !important;
}


.is_absolute {
    position:absolute;
}

#sections {
    background-color: #ffffff;
}

#landing-animation {
    overflow: hidden;
}


#services, #projects, #partners, #team, #contact {
    background-color: #ffffff;
}

#landing-animation {
    background-color: #000000;
}

#area_bg {
    opacity:0;
}

footer {
    /* display:none; */
}


#logo_area {
    position: absolute;
    /* background-color: red; */
    width:25%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 215%);
}

body.mobile #logo_area {
    width:70%;
    transform: translate(-50%, -85%);
}

#logo_area_inner {
    position: relative;
    /* background-color: #FFFFFF; */
    width:100%;
    height:100%;
}

#logo_A {
    position:absolute;
    width:50%;
    top: -12.5%;
    left: 25%;
    opacity:1;

}

body.mobile #logo_A {
    width:40%
}

#logo_B {
    position:absolute;
    width:68%;
    top: -10.5%;
    left: 25%;
    opacity:0;
}


body.mobile #logo_B {
    width:55%
}

#logo_C {
    position:absolute;
    width:38%;
    top: 25%;
    left: 25%;
    opacity:0;
}

#logo_bg {
    opacity:0;
    position:absolute;
    width:100%;
}


.scroll-section {
    position: relative;
    height: 100%;
    overflow: hidden;
    background: #111;
    color: #fff;
  }

  .scroll-text {
    position: absolute;
    bottom: 0;
    left: 40px;
    width: 100%;
    transform: translateY(100%);
    transition: transform 0.1s linear;
    padding: 2rem;
    font-size: 4rem;
    line-height: 2rem;
    color: #FFD902;
  }

  .scroll-text h2 {
    font-size: 4rem;
  }

  #lang_selector {
    display:none;
  }