/* Font */

/* THIN
font-family: "base-mono-wide", monospace;
font-weight: 300;
font-style: normal;

REGULAR
font-family: "base-mono-wide", monospace;
font-weight: 400;
font-style: normal;

BOLD
font-family: "base-mono-wide", monospace;
font-weight: 700;
font-style: normal; */


/* Main CSS */

    body{
        font-family: "base-mono-wide", monospace;
        font-weight: 400;
        font-style: normal;
        color: #0066FF;
    }

    h1, h2, h3, h4, h5, h6{
        font-family: "base-mono-wide", monospace;
        font-weight: 400;
        font-style: normal; 
        text-transform: uppercase;
    }

    h2{
        color: #FF6600;
        font-weight: 700;
    }

    h3{
        font-size: 22px;
        color: #FF6600;
    }

    .kof_button h6{
        margin-bottom: 0px;
        font-size: 14px;
    }

    p{
        font-family: "base-mono-wide", monospace;
        font-weight: 400;
        font-style: normal;
        line-height: 20px;
    }

    .home_text{
        font-family: "base-mono-wide", monospace;
        font-weight: 400;
        font-style: normal; 
        font-size: 50px !important;
    }

    button{
        background-color: rgba(255,255,255,0);
        border: none;
    }

    .btn_home{
        background-color: #D9E8FF;
        color: #FF6600;
        text-transform: uppercase;
        padding: 10px 25px;
        font-size: 21px;
        webkit-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        -moz-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        box-shadow: 0px 0px 3px 1px rgba(0,102,255,0.78);
    }

    .btn_home:hover{
        -webkit-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        -moz-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        box-shadow: 0px 0px 9px 1px rgba(0,102,255,0.78);
    }

    .nav-link:hover{
        color: #D9E8FF !important;   
    }

    /* .discover:hover{
        color: #FFE8D9 !important;
    } */

    .b_b_b{
        border-bottom: 2px solid #0066FF;
    }

    .foto_profilo{
        border-radius: 50%;
    }

    .link_home{
        color: #FF6600;
        text-decoration-color: #FF6600;
    }

    .link_home:hover{
        color: #FFE8D9;
        text-decoration-color: #FFE8D9;
    }

    .days{
        color: #FF6600;
        line-height: 17px;
        margin: 0px;
        text-align: left;
        font-size: 16px;
    }

    .main-container {
        width: 100%;
        height: 100%;
        display: flex;
        margin: 0;
        justify-content: center;
        align-items: center;
    }

    .table-container {
        display: flex;
        flex-flow: column nowrap;
        background-color: rgba(255,255,255,0);
        width: 100%;
        margin: 0 auto;
        border-radius: 4px;
    }

    .table-row {
        display: flex;
        flex-flow: row nowrap;
        width: 100%;
        border-bottom: 1px solid #dadada;
    }

    .row-item {
        background-color: #E8E8E8;
        display: flex;
        flex: 1;
        font-size: 14px;
        padding: 8px 0;
        margin: 5px;
        justify-content: center;
        align-items: center;
        transition: all 0.15s ease-in-out;
        border: 1px solid #ffffff;
        min-width: calc(100%/9);
    }

    .row-item_orario {
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .row-sub-container {
        display: flex;
        flex-flow: column nowrap;
        flex: 1;
    }

    .row-sub-container .row-item {
        padding: 8px 0;
        border-bottom: 1px solid #dadada;
    }

    .table-row:last-child,
    .row-sub-container .row-item:last-child {
        border-bottom: 0;
    }

    .icons{
        max-width: 110px;
        max-height: 50px;
    }

    .kof_button{
        min-width: 130px;
        display: block;
        font-size: 14px;
        color: #0066FF;
    }

    .orario{
        font-size: 13px;
        text-align: right;
    }

    .border_right_blue{
        border-right: 2px solid #0066FF;
    }

    .icons_filter{
        max-width: 80px;
        margin-bottom: 10px;
    }

    .filter{
        text-decoration: none;
    }

    .filter:hover{
        text-decoration: underline;
    }

    /* Tabs */
    li.nav-item{
        width: 50%;
        list-style-type: none;
    }

    button.nav-link{
        margin: 0 auto;
        width: 100%;
    }

    /* Colors */

    .multimedia{
        border: 1px solid #0066ff73 !important;
        -webkit-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        -moz-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        box-shadow: 0px 0px 3px 1px rgba(0,102,255,0.78);
    }

    .multimedia:hover{
        border: 1px solid #ffffff00 !important;
        -webkit-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        -moz-box-shadow: 0px 0px 6px 1px rgba(0,102,255,0.78);
        box-shadow: 0px 0px 9px 1px rgba(0,102,255,0.78);
    }

    /* Colors Emotions */

    .talks_e{
        background-color: #D9E8FF;
    }

    .project_e{
        background-color: #FFE8D9;
    }

    .lectures_e{
        background-color: #FFF8D9;
    }

    .free_time_e{
        background-color: #D9FFEC;
    }

    .visits_e{
        background-color: #FFD9F6;
    }

    .presentation_e{
        background-color: #D9FBFF;
    }

    .sleep_e{
        background-color: #E8E8E8;
    }

    .multimedia_e{
        border: 2px solid #0066FF !important;
        background-color: #fff;
    }
    
    /* Colors Freedoms */

    .talks_f{
        background-color: #12356B;
    }

    .project_f{
        background-color: #6B3512;
    }

    .lectures_f{
        background-color: #6B5A12;
    }

    .free_time_f{
        background-color: #126B3E;
    }

    .visits_f{
        background-color: #6B1256;
    }

    .presentation_f{
        background-color: #12626B;
    }

    .sleep_f{
        background-color: #6B6B6B;
    }

    .desaturate{
        filter: grayscale(.9);
    }

    /* Filter */

    .circle{
        border-radius: 100px;
        height: 30px;
        width: 30px;
    }

    .circle:hover{
        cursor:pointer
    }   

    /* DARK MODE */

    .selector{
        overflow: hidden;
        position: fixed;
        bottom: 0;
        width:25%;
    }

    .selector_01{
        width: 50%;
        background-color: white;
        padding: 25px 0px;
        border: 1px solid #222;
    }

    .selector_02{
        width: 50%;
        background-color: #222;
        color: white;
        border: 1px solid #222;
    }

    nav.dark{
        background-color: #1B1B1B !important;
        color: #0066FF;
    }

    .dark{
        background-color: #1B1B1B !important;
        color: #0066FF;
    }

    .dark .row-item{
        border-color:#1B1B1B;
    }

    .dark .selector_02{
        border: 1px solid #ffffff;
    }

    .dark .selector_01{
        border: 1px solid #ffffff;
    }

    .dark div.scrollmenu a:hover {
        background-color: #343434;
    }

    /* Display Classes - Don't remove or change */

    .none{
        display: none;    
    }

    .block{
        display: block;
    }

    .flex{
        display: flex;
    }

    /* Dropdown menu */

    .activities_menu{
        position: fixed;
        bottom: 25px;
        right: 25px;
        border-radius: 100px;
        width: 75px;
        text-align: center;
        height: 75px;
        z-index: 100;
    }

    /* .activities_menu button{
        width: 100%;
        height: 100%;
    } */

    .activities_menu button:after{
        display: none;
    }

    .activities_menu .dropdown-menu{
        min-width: 300px;
        border: 2px solid #0066FF;
        border-radius: 0px;

    }

    .emotions_filter{
        margin: 50px 50px;
    }

    .emotions_filter h3{
        text-align: left;
    }


    button#dropdownMenuButton1{
        outline-style: none;
    }

    /* Top bar */

    .navbar-brand{
        margin-right: 0;
    }

    .logo{
        width: 300px;
        height: auto;
    }

    .bg-light{
        background-color: #fff !important;
    }

    .navbar-collapse {
        flex-grow: inherit;
    }

    .mt-10{
        margin-top: 155px;
    }

    select:focus-visible{
        outline: 0;
    }

    select{
        background-color: rgba(255,255,255);
    }

    .dark select{
        background-color: #1b1b1b !important;       
    }

    /* SCROLL FILTER MENU */

    .scrollmenu {
        background-color: #ffffff;
        overflow: auto;
        white-space: nowrap;
        border-bottom: 2px solid #0066FF;
        border-top: 2px solid #0066FF;
    }

   
      
      
      div.scrollmenu a {
        display: inline-block;
        color: #0066FF  ;
        text-align: center;
        padding: 14px;
        text-decoration: none;
      }
      
      div.scrollmenu a:hover {
        background-color: #f3f3f3;
      }

      .fixed-top_slider {
        position: fixed;
        top: 68px;
        right: 0;
        left: 0;
        z-index: 10;
    }

    .blumenu{
        color: #0066FF;
    }

    .orangemenu{
        color: #FF6600;
    }

    .dropdown-menu{
        left: -58px !important  ;
        text-align: right;
        border: 2px solid #0066FF;
        border-radius: 0px;
    }

    .dropdown-menu.drop_activities{
        left: -238px !important;
    }

    .discover{
        margin-right: 15px;
        }

    .navbar-nav-scroll{
        display: inline-block;
    }

    .checked{
        text-decoration: underline;        
        background-color:rgba(0, 102, 255, .15);
    }

    .freedoms a.filter.checked{
        background-color:rgba(0, 102, 255, .35);
    }

    /* SCROLL FILTER MENU DARLK */

    div.freedoms.scrollmenu{
        background-color: #1B1B1B;
    }

    /* MODALE */

    .modal-header{
        border-bottom: 2px solid #0066FF;
    }

    .modale{
        max-width: 1024px;
        height: auto;
    }

    .modal-body{
        padding: 30px !important;
    }

    .icons_modale{
        padding: 3px 0px;
    }

    .modal-title{
            margin-left: 25px;
    }

    .blocchetto{
        width: 150px;
    }

    .modal-content{
        border: 2px solid #0066FF;
        border-radius: 0px;
    }

    .close_modal{
        width: 50px;
        height: auto;
    }

    .tooltip-inner{
        background-color: #fff;
        color: #0066FF;
        border: 2px solid #0066FF;
        border-radius: 0px;
        opacity: 1;
    }  

    .dark .tooltip-inner{
        background-color: #1b1b1b !important;
        color: #0066FF;
        border: 2px solid #0066FF;
        border-radius: 0px;
        opacity: 1;
    }

    .tooltip{
        opacity: 1 !important;
    }

    .tooltip-arrow::before{
        border-color:#0066FF !important;
    }

    .marginesinistro{
        margin-left: 140px;
    }

    .margine_home{
        margin-top: 15%;
        margin-bottom: 15%;
    }

    @media only screen and (max-width: 1200px) {

        .row-item {
            min-width: calc(100%/7);
        }
        
    }

    @media only screen and (max-width: 991px) {
        .fixed-top_slider {
            top: 68px;
        }
        
        .row-item {
            min-width: calc(100%/4);
        }

        .freedoms .fixed-top_slider{
            top: 61px;
        }

    }

    @media only screen and (max-width: 767px) {

        .margine_home{
            margin-top:20%;
        }
        
    }


    @media only screen and (max-width: 600px) {
        .logo {
            width: 230px;
            height: auto;
        }

        .kof_button{
            min-width: 100px;
        }

        div.scrollmenu a {
            padding: 14px 10px;

        }

        .marginesinistro{
            margin-left: 100px;
        }

        .margine_home{
            margin-top:140px;
            margin-bottom: 75px;
        }
        
        .fixed-top_slider {
            top: 60px;
        }
        
    }

    @media only screen and (max-width: 500px) {
        .logo {
            width: 140px;
            height: auto;
        }

        .blocchetto{
            width: 65px;
        }

        .close_modal {
            width: 40px;
            height: auto;
        }

        .fixed-top_slider {
            top: 61px;
        }
    }




    /* ANIMATION */

    .animation {
        border: 2px solid #0066FF;
        border-radius: 50%;
        -webkit-animation:spin 4s linear infinite;
        -moz-animation:spin 4s linear infinite;
        animation:spin 4s linear infinite;
    }
    @-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
    @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
    @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }