/*
  MENU v 1.2;
  08/2024;
  Celso Santos;
*/

.site-header{
    z-index: 1001;
    background-color: transparent;
    box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0);
    -moz-box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0);
    -webkit-box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0);
    transition: all .3s ease-in-out;
}

.site-header--white {
    transition: all .3s ease-in-out;
    box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0.05);
    -moz-box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 2px 2px 0 rgb(0, 0, 0, 0.05);
    z-index: 1001;
    background-color: #fff;
}

.logo-header {
    position: static;
    z-index: 99;
}

.site-header .logo-header img {
    max-width: 250px;
    width: 250px;
    height: auto;
    filter: brightness(0) invert(1);
    transition: all .3s ease-in-out;
}

.site-header--white .logo-header img, footer img.custom-logo{
    max-width: 250px;
    width: 250px;
    height: auto;
    filter: brightness(1) invert(0); 
    transition: all .3s ease-in-out;
}

.site-header .menu-socials svg, .site-header--white .menu-socials svg{
    width: 24px;
    height: 24px;
    fill: var(--white);
}

.site-header .menu-socials a svg path{
    fill: var(--white);
    transition: all .3s ease-in-out;
}

.site-header--white .menu-socials a svg path{
    fill: var(--blue);
    transition: all .3s ease-in-out;
}

.site-header .menu-socials a:hover svg path{
    fill: var(--black);
}

.site-header--white .menu-socials a:hover svg path{
    fill: var(--blue2);
}

.main-menu .navbar-collapse {
    padding: 0px;
}

.main-menu .navigation li {
    color:black;
}

.main-menu .navigation .navigation-lvlone{
    position:relative;
}

.main-menu .navigation .submenu{
    position: absolute;
    top: 100%;
    min-width: 200px;
    z-index: 100;
    background: #FFFFFF;
    border-radius: 0 0 5px 5px;
    box-shadow: inset 0 0 0 10px #FFFFFF, 0 5px 15px -5px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 0 0 10px #FFFFFF, 0 5px 15px -5px rgba(0,0,0,.2);
    -webkit-box-shadow: inset 0 0 0 10px #FFFFFF, 0 5px 15px -5px rgba(0,0,0,.2);
}

.main-menu .navigation li ul li {
    width: 100%;
    padding: 7px 20px;
    border-bottom: 1px solid #CCCCCC;
}

.main-menu .navigation li ul li:last-child {
    border-bottom: none;
}

.main-menu .navigation li ul li ul {
    left: 100%;
    top: 0%;
}

.navigation__arrow {
    font-size: 38px;
    color: #fff;
    top: 50%;
    position: absolute;
    background-color: transparent!important;
    border: unset!important;
    border-radius: unset!important;
    padding: 0rem!important;
    transform: scale(0);
    left: auto;
}

.site-header--white .navigation__arrow {
    color: var(--blue);
}

#sidebarMenu .navigation__arrow {
    display: none;
}

.submenu {
    display: none;
    left: auto;
}

.navigation li, .navigation li .navigation__arrow , .navigation li .submenu{
    transition: all .3s ease-in-out;
}

.submenu li {
    display: flex;
    position: relative;
    transition: all .3s ease-in-out;
}

/* .submenu li:hover {
    background-color: var(--blue);
    color: #fff;
} */
.navigation li:hover > .submenu {
    display: block;
}

.navigation li:hover > .navigation__arrow {
    transform: scale(1);
}

.navigation-lvl1 span {
    cursor: default;
}
.site-header .navigation .navigation-lvl1 a, .site-header .navigation .navigation-lvl1 span {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    padding: 0.25rem 1rem;
    transition: all .3s ease-in-out;
}

.site-header--white .navigation .navigation-lvl1 a, .site-header--white .navigation .navigation-lvl1 span {
    color: var(--blue);
    background-color: #fff;
    border: 2px solid var(--blue);
    border-radius: 10px;
    padding: 0.25rem 1rem;
    transition: all .3s ease-in-out;
}

.navigation .navigation-lvl2:hover > a {
    background-color: var(--blue);
}
.navigation .navigation-lvl2 a {
    background-color: #fff;
    color: #000;
}

.site-header .navigation .navigation-lvl1:hover > a:first-child, .site-header .navigation .navigation-lvl1:hover > span:first-child {
    background-color: var(--blue);    
    border: 2px solid var(--blue);
}

.site-header--white .navigation .navigation-lvl1:hover > a:first-child, .site-header--white .navigation .navigation-lvl1:hover > span:first-child  {
    background-color: var(--blue);
    color: #fff;
}

.current-menu-item > *:not(.navigation__arrow) {
    background-color: var(--blue)!important;
    color: #fff!important;
}

.site-header .navigation .submenu a, .site-header--white .navigation .submenu a {
    width: 100%;
    color: #000;
    border-radius: 0px;
    border: none;
    transition: all .3s ease-in-out;
}

.site-header .navigation .submenu a:hover, .site-header--white .navigation .submenu a:hover {
    color: #fff;
    background-color: var(--blue);
}

/* todos owl carousel */

.owl-nav {
    width: calc(100%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0!important;
}

.eventos__conjunto .owl-prev, .eventos__conjunto .owl-next  {
    color: black!important;
}

.owl-prev:hover {
    background-color: transparent!important;
    color: var(--white)!important;
    transform: translateY(-50%);
}

.owl-next:hover {
    background-color: transparent!important;
    color: var(--white)!important;
    transform: translateY(-50%);
}

.banner .owl-prev:hover, .testemunhos .owl-prev:hover{
    background-color: transparent!important;
    color: var(--white)!important;
    transform: translateY(-50%) translateX(-4px);
}

.banner .owl-next:hover, .testemunhos .owl-next:hover{
    background-color: transparent!important;
    color: var(--white)!important;
    transform: translateY(-50%) translateX(4px);
}

/*MOBILE*/

.menu-mobile{
    display: none;
}

#sidebarMenu {
    width: 100%;
    position: fixed;
    right: 0;
    height: fit-content;
    transform: scaleY(0);
    transition: transform 300ms ease-in-out;
    background-color: #fff;
    box-shadow: -4px 0 4px 0 rgb(0, 0, 0, 0.25);
    -moz-box-shadow: -4px 0 4px 0 rgb(0, 0, 0, 0.25);
    -webkit-box-shadow: -4px 0 4px 0 rgb(0, 0, 0, 0.25);
    top: 0;
    overflow: auto;
    display: unset!important;
    transform-origin: top center;
    margin-top: 71px;
}

@media only screen and (max-width: 991px) {
    #sidebarMenu {
        max-height: calc(50% - 71px);
    }
}

@media only screen and (max-width: 767px) {
    #sidebarMenu {
        max-height: calc(80% - 100px);
    }
}

@media only screen and (max-width: 575px) {
    #sidebarMenu {
        max-height: calc(100% - 100px);
        
    }
}

.sidebarMenuInner{
    margin:0;
    padding:0;
}

.sidebarMenuInner li{
    list-style: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.sideMenuInner{
    margin:0;
    padding:0;
}



#sidebarMenu a, #sidebarMenu span {
    border-bottom: 1px solid #fff;
    color: var(--blue);
    background-color: #fff;
    border-radius: 0%;
    transition: all .3s ease-in-out;
}

#sidebarMenu .current-menu-item, #sidebarMenu .navigation-lvl1 > a:hover, #sidebarMenu .navigation-lvl1 > span:hover {
    background-color: var(--blue);
}

#sidebarMenu .current-menu-item > *:not(.navigation__arrow), #sidebarMenu a:hover, #sidebarMenu span:hover {
    color: #fff;
    background-color: var(--blue);
}

#sidebarMenu .submenu {
    width: 100%;
}
#sidebarMenu .submenu a {
    font-size: 14px;
    font-weight: 500;
}

input.openSidebarMenu[type="checkbox"]:checked ~ #sidebarMenu {
    transform: scaleY(1);
}

input.openSidebarMenu[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    z-index: 99;
    height: 15px;
    width: 22px;
}

.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 3px;
    width: 100%;
    background-color: var(--blue);
}

.site-header .spinner {
    background-color: #fff;
}

.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}

.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    opacity: 0;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-1 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(135deg);
    margin-top: 8px;
}

input[type=checkbox]:checked ~ .sidebarIconToggle > .diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    transform: rotate(-135deg);
    margin-top: -9px;
}


@media only screen and (max-width: 1399px){
    .menu-mobile{
        display: block;
    }
}

/* SIDEMENU */

#sideMenu {
    transform: scaleX(0);
    transition: transform 300ms ease-in-out;
    transform-origin: right center;
    background-color: #fff;
    position: fixed;
    right: 0;
    width: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
    top: var(--headerSize);
    bottom: 0;
    box-shadow: 2px 0 15px -5px rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out;
}

.sideMenu__nav  {
    right: 0;
    height: calc(100% - 71px);
    z-index: 401;
}

.openSideMenu {
    top: 50%;
}
.sideMenu__icon {
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    top: 50%;
    z-index: 1;
    right: 0;
    background-color: var(--blue);
    border: 1px solid var(--blue);
    border-right: 0;
    cursor: pointer;
    transition: all 300ms ease-in-out;
}
.sideMenu__icon rect {
    fill: transparent;
    transition: all 300ms ease-in-out;
}

.sideMenu__icon g {
    fill: #fff;
    transition: all 300ms ease-in-out;
}

.sideMenu__icon:hover {
    background-color: transparent;
}

.sideMenu__icon:hover g {
    fill: var(--blue);
}

input.openSideMenu[type="checkbox"]:checked ~ .sideMenu__icon{
    transform: translateX(-300px);
    border-left: 0;
    border-right: 1px solid var(--blue);
}

input.openSideMenu[type="checkbox"]:checked ~ #sideMenu {
    transform: scaleX(1);
    box-shadow: 2px 0 15px -5px rgba(0, 0, 0, .25);
}

input.openSideMenu[type=checkbox] {
    transition: all 0.3s;
    box-sizing: border-box;
    display: none;
}

.sideMenuInner li {
    list-style: none;
    color: var(--blue);
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}

.sideMenuInner .submenu li {
    text-transform: none;
    color: var(--blue);
    cursor: pointer;
    font-size: 15px;
}

.sideMenuInner a {
    color: var(--blue);
    transition: all .3s ease-in-out;
    padding: 7px 4px;
}

.sideMenuInner a:hover {
    background-color: var(--blue);
    color: #fff;
}

.sideMenuInner .submenu {
    display: block;
}
 
.sideMenu__farmacias, .sideMenu__links {
    text-transform: none;
}

.sideMenu__farmacias, .sideMenu__farmacias > * {
    cursor: default!important;
}

.sideMenu__farmacias__title, .sideMenu__links__title {
    font-size: 15px;    
}

.sideMenu__farmacias__content, .sideMenu__links__content {
    text-transform: none!important;
    font-size: 13px;
}

#sideMenu::-webkit-scrollbar {
    width: 5px;
    background: #26aee0;
  }
  
/* Track */
::-webkit-scrollbar-track {
    background: #f1f1f1; 
}
   
/* Handle */
::-webkit-scrollbar-thumb {
    background: #26aee0; 
}
  
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #008fc9; 
}