/*
Theme Name:   Movedo Child
Theme URI:    https://themeforest.net/user/greatives
Description:  Movedo Child Theme
Version:      3.6.0
Author:       Greatives Team
Author URI:   https://greatives.eu
Template:     movedo
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: 'AvianoCopper-Reg';
    src: url('./fonts/') format('woff2'),
        url('./fonts/AvianoCopper-Reg.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Freshman';
    src: url('./fonts/Freshman.woff2') format('woff2'),
        url('./fonts/Freshman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Favela';
    src: url('./fonts/FONTSPRINGDEMO-FavelaBlackRegular.woff2') format('woff2'),
        url('./fonts/FONTSPRINGDEMO-FavelaBlackRegular.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Digital';
    src: url('./fonts/Digital-7.woff2') format('woff2'),
        url('./fonts/Digital-7.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;

}



.lsm-counter{
   font-family: 'Digital' !important;
}
.logo_msr {
    padding: 20px;
    background: white;
}

.logo_msr h1{
    font-family: 'AvianoCopper-Reg';
    font-size:40px;
    color:black
}

.lettre_logo_rose{
    color:#ff05d9
}

.com{
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
}

/*Topbar*/

@media(max-width: 1000px){
    #grve-top-bar {
        display: none;
    }
    .logo_msr h1 {
    font-family: 'AvianoCopper-Reg';
    font-size: 28px;
    color: black;
}
}

#grve-top-bar .grve-wrapper{
background: #ffffff;
background: linear-gradient(180deg,rgba(255, 255, 255, 1) 0%, rgba(214, 214, 214, 1) 100%);
border-top: 1px solid grey;
    border-left: 1px solid grey;
    border-right: 1px solid grey;
}

#grve-top-bar .grve-top-bar-wrapper .grve-container{
    margin-left: 0;
    margin-right: 10px;
    max-width: 100%;
}

#grve-top-bar ul.grve-right-side {
    float: right;
    text-align: right;
    width: 50%;
    position: relative;
    right: 10px;
    top: 13px;

}

@media (min-width:1000px) and (max-width:1100px){
    #grve-header .grve-main-menu ul li {
    position: relative;
    margin-right: 6px;
    margin-left: 6px;
    }
}


@media (min-width:1101px){
    #grve-header .grve-main-menu ul li {
    position: relative;
    margin-right: 6px;
    margin-left: 6px;
    }
}




.grve-list-divider li:after {
    content: '';
    margin: 0 0.455em;
    opacity: 0.5;
}

#grve-top-bar .grve-top-bar-menu a svg{
    padding-left: 10px;
}


#grve-top-bar .grve-top-bar-menu {
    font-size: 10px;
    display: flex;
    align-items: center;
}


span.grve-item {
    font-weight: 900 !important;
    font-size: 17px;
    letter-spacing: -0.3px;
}


#grve-top-bar .grve-wrapper{
    padding-bottom: 0 !important;
    padding-top: 0;
}



li#menu-item-30 {
    background: black;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    
}

li#menu-item-30 a{
    color: white;
    font-weight: 900 !important;
    font-size:22px !important;
    font-family: 'Poppins';
}

li#menu-item-30 a:hover,li#menu-item-31 a:hover{
    color: white !important;
}


li#menu-item-31{
    background: grey;
    padding-bottom: 10px;
    padding-top: 10px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative !important;
    left: -3px;
}

li#menu-item-31 a{
    color: white;
    font-weight: 900 !important;
    font-size:22px !important;
    font-family: 'Poppins';
}

#grve-top-bar ul.grve-left-side li.grve-topbar-item ul li{
    margin-right: 0;
}

#grve-top-bar ul.grve-right-side li.grve-topbar-item ul li {
    margin-left: 5px;
}


ul#menu-right li a {
    font-weight: 900;
    font-size: 17px;
    font-family: 'Roboto';
    color: black;
    text-transform: none;
    padding-right:5px;    border-right: 1px solid rgba(128, 128, 128, 0.52);
}


ul#menu-right li a:hover{
    color: black !important;
}

li#menu-item-29 a{
    border-right:none !important;
}


.freshman{
    font-family:'Freshman', sans-serif !important;
}

.favela{
    font-family:'Favela', sans-serif !important;
}



/*Password*/

.password_area_wrapper {
        display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    background-color: black;
    color: white;
    padding-right:20px;
    padding-top: 10px;
}

.password_aera p {
    font-weight: 900;
    font-family: 'Poppins';
       font-size: 20px;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

input#password_input {
    height: 30px !important;
    padding: 0 8px !important;
    background: white !important;
    color: black !important;
    font-weight: 900 !important;
    font-family: 'Poppins' !important  ;
}


button#submit_password {
    background: white !important;
    color: black !important;
    font-size: 21px !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 50px;
    width: 50px;
    font-weight: 900 !important;
    font-family: 'Poppins' !important;
}



#whitcomb {
	-webkit-animation: flicker-in-1 2s 1.7s linear both;
	        animation: flicker-in-1 2s 1.7s linear both;
}

#judson {
	-webkit-animation: flicker-in-1 2s 1.7s linear both;
	        animation: flicker-in-1 2s 1.7s linear both;
}

 .rotate1 {
  animation: spin 8s linear infinite;
  animation-delay: 4s;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}


/**
 * ----------------------------------------
 * @animation flicker-in-1
 * ----------------------------------------
 */
@-webkit-keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}
@keyframes flicker-in-1 {
  0% {
    opacity: 0;
  }
  10% {
    opacity: 0;
  }
  10.1% {
    opacity: 1;
  }
  10.2% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  20.1% {
    opacity: 1;
  }
  20.6% {
    opacity: 0;
  }
  30% {
    opacity: 0;
  }
  30.1% {
    opacity: 1;
  }
  30.5% {
    opacity: 1;
  }
  30.6% {
    opacity: 0;
  }
  45% {
    opacity: 0;
  }
  45.1% {
    opacity: 1;
  }
  50% {
    opacity: 1;
  }
  55% {
    opacity: 1;
  }
  55.1% {
    opacity: 0;
  }
  57% {
    opacity: 0;
  }
  57.1% {
    opacity: 1;
  }
  60% {
    opacity: 1;
  }
  60.1% {
    opacity: 0;
  }
  65% {
    opacity: 0;
  }
  65.1% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  75.1% {
    opacity: 0;
  }
  77% {
    opacity: 0;
  }
  77.1% {
    opacity: 1;
  }
  85% {
    opacity: 1;
  }
  85.1% {
    opacity: 0;
  }
  86% {
    opacity: 0;
  }
  86.1% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


.password_error_img {
    position: absolute;
    right: 220px;
    display: block;
    width: 100%;
    max-width: 150px;
    margin-top: 10px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.3s ease, transform 0.3s ease;
    z-index: 999;
}

.password_error_img.show {
    opacity: 1;
    transform: translateY(0);
}



#grve-responsive-header #grve-main-responsive-header {
    background-color: white;
}


span.grve-icon-menu {
    color: #ff05d9;
}

#grve-header .grve-main-menu .grve-wrapper > ul > li ul li a {
    color: white;
}

#grve-header .grve-main-menu .grve-wrapper > ul > li ul li a:hover {
    color: #ff05d9;
}



.lsm-container {
    font-family: 'Segoe UI', 'Arial', sans-serif;
    max-width: 1400px;
    margin: 0 auto;
    padding: 20px;
}

.lsm-brand {
    font-family: 'Freshman', sans-serif !important;
}