/*

Theme Name: Empresarial Pro

Author: Rafael Rodrigues de Carvalho Severo - Carvtech

Author URI: https://carvtech.com.br

Description: Tema profissional para Empresas

Version: 1.0

License: GNU General Public License v3 or later

License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/



        

        

        

        .main-menu{

            height:85px;

            

        }

        

        @media(max-device-width: 799px){

           .main-menu{

                    display:none;

                }

        }

        

        @media (min-device-width: 800px){

            

        }

                

        .TopNavegation{

            height:85px;

            

        }

        .fixar {

                position: fixed !important;

                margin-top: 0px !important;

                top: 0 !important;

                box-shadow: 0 0 6px 0 rgb(0 0 0 / 50%);

                width: 100% !important;

                transition: all .35s ease-in-out;

                z-index: 999;
   		/*background: linear-gradient(45deg, #4576c3, #5547bf, #9045c0, #be47b2);*/
		background: linear-gradient(45deg, #9dbbe9, #887beb, #aa86c1, #bf85b9);    		
		opacity: 0.8;
    		transition: background .3s,border-radius .3s,opacity .3s;


            }

@media(min-device-width: 800px){

        ul.menu {

            font-size: 16px;

            float: right !important;

            margin-right: 15px;

            width: 70%;

            display: flex;

            vertical-align: middle;

            line-height: 85px;

            margin-bottom: 0px !important;

        }

        

        ul.menu > li{

            display: inline-block;

            padding: 0 1.07143rem; 

            vertical-align: middle;

        }

        

       ul.menu > li > a{

            color: rgba(255, 255, 255, 1);

            display: block;

            font-family: 'Roboto', sans-serif;

            font-size: 14px;

            text-transform: uppercase;

            font-weight: 600 !important;

            

        }

        

        ul.menu > li > a:hover{

            color:#007bab;

        }

    .menu__btn {

        display: none;

    }

    .hamburger-menu{

        display: none;

    }

} 

 

 

@media(max-device-width: 799px){

    

.mobile-menu{

    display:block;

}

/*MENU CELULAR*/

#menu__toggle {

  opacity: 0;

}



#menu__toggle:checked ~ .menu__btn > span {

  transform: rotate(45deg);

}

#menu__toggle:checked ~ .menu__btn > span::before {

  top: 0;

  transform: rotate(0);

}

#menu__toggle:checked ~ .menu__btn > span::after {

  top: 0;

  transform: rotate(90deg);

}

#menu__toggle:checked ~ ul.menu {

  visibility: visible;

  left: 0;

}



.menu__btn {

  display: inline-flex;

  align-items: center;

  position: relative;

  left: 20px;



  width: 26px;

  height: 26px;



  cursor: pointer;

  z-index: 2;

}



.menu__btn > span,

.menu__btn > span::before,

.menu__btn > span::after {

  display: block;

  position: absolute;

  width: 100%;

  height: 2px;

  background-color: #FFF;

  transition-duration: .25s;



}

.menu__btn > span::before {

  content: '';

  top: -8px;

}

.menu__btn > span::after {

  content: '';

  top: 8px;

}



 ul.menu {

  display: block;

  position: fixed;

  visibility: hidden;

  top: 0;

  z-index:1;

  left: -100%;

  width: 300px;

  height: 100%;

  margin: 0;

  padding: 80px 0;

  list-style: none;

  background-color: #ECEFF1;

  background-image: url('https://humanizacao.innovatlantis.com/wp-content/uploads/2022/02/wp6323623.png');

  box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

  transition-duration: .25s;

}



ul.menu > li{

  display: block;

  padding: 0px 24px 0px 24px;

  color: #333;

  font-family: 'Roboto', sans-serif;

  font-size: 20px;

  font-weight: 600;

  text-decoration: none;

  transition-duration: .25s;

}



ul.menu > li:hover {

  background-color: RGBA(130, 127, 127,0.7);

}

ul.menu > li a{

    color:#FFF !important;

}



.hamburger-menu{

    display: block;

    float: right;

    top: 50px;

}

}

/*FIM MENU CELULAR*/

