/*
Theme Name: uflo-institucional
Theme URI: 
Author: Diseño-UX|UI-UFLO
Author URI: 
Description: Descripcion del tema
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 5.7
Version: 0.0.25
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: uflo_institucional
Tags: 
*/
:root{
    /* Colores fuera de interfaz */
    --gray-100: hsl(120, 4%, 93%);
    --gray-200: hsl(120, 4%, 83%);
    --gray-300: hsl(120, 5%, 73%);
    --gray-400: hsl(120, 5%, 63%);
    --gray-500: hsl(120, 5%, 58%);
    --gray-600: hsl(120, 7%, 40%);
    --gray-700: hsl(120, 7%, 30%);
    --gray-800: hsl(120, 9%, 20%);
    --gray-900: hsl(120, 9%, 15%);
}
.uflo-drawer-icon{
    fill: var(--wp--preset--color--black);
}
/* Footer bottom Fix */
.wp-site-blocks {
    display: flex;
    flex-direction: column;
    min-height: calc(100vh - 4rem);
}
.wp-site-blocks > .main-height {
    flex-grow: 1;
}
/* HOVER Solucionar */

.link-p-estudiante{}
.link-p-campus{}
.link-p-repositorio{}
/* definir el tamaño del drawer(abuelo) */
.relative-parent{
    position: relative;
}
.uflo-drawer .wp-block-navigation__responsive-container {
    position: absolute;
    bottom: unset;
    left: unset;
    width: calc(100% - 2rem);
    height: calc(100vh - 4rem);
}
.uflo-drawer.wp-block-navigation {
    position: static;
}
/* boton de cerrar el drawer */
.uflo-drawer .wp-block-navigation__responsive-container-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 3;
}
/* Burguer y close icons */
.uflo-drawer .wp-block-navigation__responsive-container-close svg, .uflo-drawer .wp-block-navigation__responsive-container-open svg {
    fill: currentColor;
    display: block;
    height: 35px;
    pointer-events: none;
    width: 35px;
}
nav.uflo-drawer.wp-block-navigation, .uflo-drawer .wp-block-navigation__responsive-container-close{
    border-radius: 0.5rem;
    background-color: var(--wp--preset--color--black) !important;
    color: var(--wp--preset--color--white) !important;
}

nav.uflo-drawer.wp-block-navigation > button:hover{
    border-radius: .5rem;
    outline: solid #cacaca 3px;
    outline-offset: 3px;
}
.uflo-drawer .wp-block-navigation__responsive-container-close:hover, .uflo-drawer .wp-block-navigation__responsive-container-close:focus-visible{
    border-radius: .5rem;
    outline: solid #838383 3px;
    outline-offset: 3px;
}
nav.uflo-drawer.wp-block-navigation > button:active, .uflo-drawer .wp-block-navigation__responsive-container-close:active{
    background-color: #353535 !important;
    border-radius: .5rem;
}
/* BTN drawer espaciado y animacion */
.relative-parent-uflo-drawer-spacing{
    padding-top: calc(1rem - 10px);
    padding-right: 1rem;
}
.uflo-drawer button.wp-block-navigation__responsive-container-open {
    cursor: pointer;
    place-content: center;
    --border-angle: 0turn;
    --main-bg: conic-gradient(
        from var(--border-angle),
        #213,
        #112 5%,
        #112 60%,
        #213 95%
      );
    border: solid 5px transparent;
    border-radius: 6px;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #6ebe96, #37367f 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
            animation: bg-spin 3s linear infinite;
  }
  @-webkit-keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
  }
  @keyframes bg-spin {
    to {
      --border-angle: 1turn;
    }
  }
  
  @property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
  }

/* Ordenar padres dentro del abuelo */
.uflo-drawer .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
    align-items: var(--navigation-layout-justification-setting,inherit);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: visible;
    padding-top: calc(2rem + 24px);
}
/* esconder mostrar submenus con clic */

.uflo-drawer.is-responsive li:not(:first-child) ul.wp-block-navigation__submenu-container.u-drawer-submenu{
    display: none;
}
.uflo-drawer.is-responsive .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ ul.wp-block-navigation__submenu-container.u-drawer-submenu{
    display: flex;
}
/* Posición de submenus en relacion a su padre y abuelo */
.uflo-drawer .wp-block-navigation-item {
    position: static;
    width: 100%;
}

/* Descripción de los elementos de submenus */
.uflo-drawer .u-drawer-submenu .wp-block-navigation-item__description {
    display: block;
}
.uflo-drawer.is-responsive .is-menu-open li ul.wp-block-navigation__submenu-container.u-drawer-submenu{
    background: #dadada !important;
    gap: .5rem;
}
.uflo-drawer .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container.u-drawer-submenu {
    padding: 1rem;
}


/* DENTRO de drawer */
.wp-block-navigation.is-responsive .wp-block-navigation-submenu__toggle[aria-expanded="true"]{
    background:#dadada!important;
}
.uflo-drawer.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #cacaca;
    border-radius: 1rem;
}
.uflo-drawer > .wp-block-navigation-item button.wp-block-navigation-item__content, .uflo-drawer > .wp-block-navigation-item > a.wp-block-navigation-item__content{
    padding: .5rem 1rem !important;
    width: 100%;
    font-size: var(--wp--preset--font-size--small);
    border-radius: 6px 6px 0 0;
    border-bottom: 1px solid #cacaca;
}

.uflo-drawer{
    gap: 0;
}
.u-drawer-link-p, .u-drawer-link-i{
    flex-direction: row !important;
    font-size: calc(var(--wp--preset--font-size--small) * 1.1);
}
.u-drawer-link-p:before{
    content: '';
    height: 60px;
    width: 60px;
    background-size: 100%;
    background-repeat: no-repeat;
    border-radius: .25rem;
    margin-right: 10px;
    flex-shrink: 0;
}
.link-p-estudiante:before{
    background-image: url(assets/images/iso-portalest.png);
}
.link-p-campus:before{
    background-image: url(assets/images/iso-campus.png);
}
.link-p-repositorio:before{
    background-image: url(assets/images/iso-repoinst.png);
}
.u-drawer-link-p .wp-block-navigation-item__label, .u-drawer-link-i .wp-block-navigation-item__label{
    font-weight: 700;
}
.u-drawer-link-p .wp-block-navigation-item__description, .u-drawer-link-i .wp-block-navigation-item__description{
    font-size: .8em;
}

.u-drawer-link-p > a, .u-drawer-link-i > a{
    flex-direction: column;
}
/* icons DENTRO de drawer */
.u-drawer-inicio > a:before, .u-drawer-portales > button > span:before, .u-drawer-oferta > a:before, .u-drawer-institucional > button > span:before,.u-drawer-institucional > a:before, .u-drawer-institucional > button > span:before,.u-drawer-investigacion > a:before, .u-drawer-investigacion > button > span:before,.u-drawer-docentes > a:before, .u-drawer-ingresantes > button > span:before,.u-drawer-ingresantes > a:before, .u-drawer-ingresantes > button > span:before, .u-drawer-interna > button > span:before,.u-drawer-docentes > button > span::before, .u-drawer-docentes > a::before, .u-drawer-docentes > button > span::before {
    vertical-align: bottom;
    font-size: 0;
    padding:0;
    margin-right: .1rem;
    margin-left: -.2rem;
}
.u-drawer-inicio > a:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='M12 4L4 7.9V20h16V7.9L12 4zm6.5 14.5H14V13h-4v5.5H5.5V8.8L12 5.7l6.5 3.1v9.7z'%3E%3C/path%3E%3C/svg%3E");
}
.u-drawer-portales > button > span:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='M 6 4.0007812 A 2 2 0 0 0 4.0007812 6 L 4.0007812 18 A 2 2 0 0 0 6 19.999219 L 18 19.999219 A 2 2 0 0 0 19.999219 18 L 19.999219 6 A 2 2 0 0 0 18 4.0007812 L 6 4.0007812 z M 13.703906 12.529687 L 17.674219 12.529687 A 1.1908784 1.1908784 0 0 1 18.864844 13.720312 L 18.864844 17.688281 A 1.1908784 1.1908784 0 0 1 17.674219 18.88125 L 13.703906 18.88125 A 1.1908784 1.1908784 0 0 1 12.513281 17.688281 L 12.513281 13.720312 A 1.1908784 1.1908784 0 0 1 13.703906 12.529687 z '%3E%3C/path%3E%3C/svg%3E");
}
.u-drawer-oferta > a:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='M18.646 9H20V8l-1-.5L12 4 5 7.5 4 8v1h14.646zm-3-1.5L12 5.677 8.354 7.5h7.292zm-7.897 9.44v-6.5h-1.5v6.5h1.5zm5-6.5v6.5h-1.5v-6.5h1.5zm5 0v6.5h-1.5v-6.5h1.5zm2.252 8.81c0 .414-.334.75-.748.75H4.752a.75.75 0 010-1.5h14.5a.75.75 0 01.749.75z'%3E%3C/path%3E%3C/svg%3E");
}
.u-drawer-institucional > a:before, .u-drawer-institucional > button > span:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='M12 3.2c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8 0-4.8-4-8.8-8.8-8.8zm0 16c-4 0-7.2-3.3-7.2-7.2C4.8 8 8 4.8 12 4.8s7.2 3.3 7.2 7.2c0 4-3.2 7.2-7.2 7.2zM11 17h2v-6h-2v6zm0-8h2V7h-2v2z'%3E%3C/path%3E%3C/svg%3E");
}
.u-drawer-investigacion > a:before, .u-drawer-investigacion > button > span:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='m 0,24 v -1.917497 h 4.7937407 v -1.917496 q -1.9894021,0 -3.3915715,-1.402169 Q 0,17.360669 0,15.371266 0,13.909176 0.80295157,12.710739 1.6059033,11.512304 2.9721195,10.961024 3.1638692,10.146088 3.8230085,9.6427457 4.4821478,9.1394021 5.3210524,9.1394021 L 4.7937407,7.6533429 5.7045516,7.317781 5.3689895,6.4549076 7.1906111,5.7837838 7.4782361,6.6945947 8.3890469,6.3590328 11.025604,13.549645 10.114794,13.885206 10.450355,14.796018 8.6287336,15.467141 8.3411086,14.55633 7.430299,14.891892 6.8550502,13.309957 q -0.3595312,0.335562 -0.8269206,0.503344 -0.4673905,0.16778 -0.9467639,0.119843 -0.5273116,-0.04794 -0.9827171,-0.323578 -0.4554054,-0.27564 -0.7909673,-0.683108 -0.647155,0.383499 -1.0186699,1.030654 -0.371515,0.647156 -0.371515,1.414154 0,1.198435 0.8389047,2.037341 0.8389047,0.838904 2.0373396,0.838904 h 7.6699853 v 1.917496 H 7.6699857 v 1.917496 H 13.422475 V 24 Z M 8.2931715,13.022333 9.1560452,12.686771 7.5261732,8.1806542 6.6153624,8.5162162 Z M 5.2731153,12.495022 q 0.4074683,0 0.6831081,-0.27564 0.2756398,-0.275641 0.2756398,-0.683108 0,-0.407469 -0.2756398,-0.683109 -0.2756398,-0.27564 -0.6831081,-0.27564 -0.4074683,0 -0.6831081,0.27564 -0.2756402,0.27564 -0.2756402,0.683109 0,0.407467 0.2756402,0.683108 0.2756398,0.27564 0.6831081,0.27564 z m 3.0200562,0.527311 z M 5.2731153,11.536274 Z m 0,0 z'%3E%3C/path%3E%3C/svg%3E");
    margin-right: -.3rem;
    margin-left: .15rem;
}
.u-drawer-docentes > a:before, .u-drawer-docentes > button > span:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='M15.5 9.5a1 1 0 100-2 1 1 0 000 2zm0 1.5a2.5 2.5 0 100-5 2.5 2.5 0 000 5zm-2.25 6v-2a2.75 2.75 0 00-2.75-2.75h-4A2.75 2.75 0 003.75 15v2h1.5v-2c0-.69.56-1.25 1.25-1.25h4c.69 0 1.25.56 1.25 1.25v2h1.5zm7-2v2h-1.5v-2c0-.69-.56-1.25-1.25-1.25H15v-1.5h2.5A2.75 2.75 0 0120.25 15zM9.5 8.5a1 1 0 11-2 0 1 1 0 012 0zm1.5 0a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z'%3E%3C/path%3E%3C/svg%3E");
}
.u-drawer-interna > button > span:before {
    content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false'%3E%3Cpath d='M12 3.3c-4.8 0-8.8 3.9-8.8 8.8 0 4.8 3.9 8.8 8.8 8.8 4.8 0 8.8-3.9 8.8-8.8s-4-8.8-8.8-8.8zm6.5 5.5h-2.6C15.4 7.3 14.8 6 14 5c2 .6 3.6 2 4.5 3.8zm.7 3.2c0 .6-.1 1.2-.2 1.8h-2.9c.1-.6.1-1.2.1-1.8s-.1-1.2-.1-1.8H19c.2.6.2 1.2.2 1.8zM12 18.7c-1-.7-1.8-1.9-2.3-3.5h4.6c-.5 1.6-1.3 2.9-2.3 3.5zm-2.6-4.9c-.1-.6-.1-1.1-.1-1.8 0-.6.1-1.2.1-1.8h5.2c.1.6.1 1.1.1 1.8s-.1 1.2-.1 1.8H9.4zM4.8 12c0-.6.1-1.2.2-1.8h2.9c-.1.6-.1 1.2-.1 1.8 0 .6.1 1.2.1 1.8H5c-.2-.6-.2-1.2-.2-1.8zM12 5.3c1 .7 1.8 1.9 2.3 3.5H9.7c.5-1.6 1.3-2.9 2.3-3.5zM10 5c-.8 1-1.4 2.3-1.8 3.8H5.5C6.4 7 8 5.6 10 5zM5.5 15.3h2.6c.4 1.5 1 2.8 1.8 3.7-1.8-.6-3.5-2-4.4-3.7zM14 19c.8-1 1.4-2.2 1.8-3.7h2.6C17.6 17 16 18.4 14 19z'%3E%3C/path%3E%3C/svg%3E");
}
.u-drawer-ingresantes > a:before, .u-drawer-ingresantes > button > span:before {
        content:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg viewBox='0 0 24 24' width='20' height='20' context='list-view' aria-hidden='true' focusable='false' version='1.1' id='svg1' sodipodi:docname='ingresantes-2.svg' inkscape:version='1.3.2 (091e20e, 2023-11-25, custom)' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns='http://www.w3.org/2000/svg' xmlns:svg='http://www.w3.org/2000/svg'%3E%3Cdefs id='defs1' /%3E%3Csodipodi:namedview id='namedview1' pagecolor='%23ffffff' bordercolor='%23000000' borderopacity='0.25' inkscape:showpageshadow='2' inkscape:pageopacity='0.0' inkscape:pagecheckerboard='0' inkscape:deskcolor='%23d1d1d1' inkscape:zoom='15.697771' inkscape:cx='14.874724' inkscape:cy='8.5999473' inkscape:current-layer='svg1' /%3E%3Cpath d='M 12,19.036198 6.5273997,16.065361 V 11.374559 L 3.4002,9.6545982 12,4.9638017 20.5998,9.6545982 v 6.2544038 h -1.5636 v -5.394423 l -1.5636,0.85998 v 4.690802 z M 12,12.547263 17.355329,9.6545982 12,6.761941 6.6446701,9.6545982 Z m 0,4.710346 3.908999,-2.110864 V 12.195453 L 12,14.345401 8.0910004,12.195453 v 2.951292 z m 0,-4.710346 z m 0,1.759045 z m 0,0 z' id='path1' style='stroke-width:0.0195449' /%3E%3C/svg%3E%0A");
}
/* Frontpage */
.white-filter{
    filter: brightness(100) saturate(0);
    -webkit-filter: brightness(100) saturate(0);
    -moz-filter: brightness(100) saturate(0);
}
.uflo-main{
    margin-top: -5.2rem;
}
/* UFLO float */
.sticky-bottom{
    top: unset;
    bottom: 1rem;
}
.uflo-float{
    background: var(--gray-800);
    padding: .25rem;
    justify-items: stretch;
    border-radius: .5rem;
}
html:not(.has-modal-open) .wp-block-site-logo {
    z-index: 11;
}
.uflo-float .wp-block-site-logo{
    margin: .25rem .5rem;
}
.uflo-float-btn a{
    letter-spacing: .1rem;
    padding: .6rem;
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
    background: transparent;
}
.uflo-float .wp-block-navigation .wp-block-navigation-item__content:hover {
    background: #ffffff08;
}
.uflo-float .wp-block-navigation .wp-block-navigation-item__content:active {
    outline: dotted #ffffff4a 1px;
    outline-offset: -4px;
}
.uflo-float-nav{
    margin: 0 .25rem;
}
.uflo-float-btn{
    margin-left: .1rem !important;
    align-self: stretch;
    background: var(--wp--preset--color--success-var);
    border-radius: .25rem;
    flex-grow: 1;
}
.uflo-float-btn:hover {
    background: var(--wp--preset--color--info);
}
.uflo-float-btn:active {
    background: var(--wp--preset--color--success-var);
}
.uflo-float-nav .wp-block-navigation__responsive-container-open{
    background: var(--gray-900);
    padding: .5rem;
    border-radius: .25rem;
    margin-left: .25rem;
}
.uflo-float-nav .wp-block-navigation__container{
    gap: 0;
    background: var(--gray-900);
    padding: .5rem;
    border-radius: .25rem;
}
.uflo-float-nav .wp-block-navigation__responsive-container ul li{
    flex: 1 1 auto;
    align-items: center;
    justify-content: center;
}
.uflo-float nav {
    flex-grow: 1;
}
.uflo-float-nav .wp-block-navigation-item a{
    padding:  .5rem 1rem;
    border-right: solid var(--gray-800) 2px;
    flex-grow: 1;
    text-align: center;
}
.uflo-float-nav .wp-block-navigation-item:last-child a{
    border: none;
}
/* CARRERA */
.carrera-banner{
    padding: 0;
    overflow: visible;
}
.carrera-banner > .wp-block-cover__inner-container{
    align-self: stretch;
}
.carrera-banner-container{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.carrera-kicker{
    font-size: clamp(0.8rem, 0.52rem + 1.12vw, 1.5rem);
    font-weight: 700;
}
.carrera-kicker-query{
    display: inline;
    border-radius: 0 .5rem .5rem 0;
    font-weight: 700;
}
.carrera-marquee{
    padding: 1rem 2rem;
    border-radius: 1rem 0 1rem 0;
    margin-top: -1rem !important;
}
.carrera-marquee h1{
    font-size: clamp(2rem, 0.8rem + 4.8vw, 5rem);
}
.carrera-resumen{
    border-radius: 1rem 1rem 0 0;
    padding: 1rem;
    margin-bottom: -1px !important;
}
.carrera-titulo-icon {
    order: 1;
}
.carrera-titulo p {
    order: 2;
}
.carrera-titulo p:empty + .carrera-titulo-icon {
    display: none;
}
.carrera-query-card{
    min-width: 400px;
}
.wsp-msg{
    position:fixed;
    bottom: 75px;
    right: 0;
    z-index:999999;
}
#wsp-button:hover {
    transform: scale(1.1);
}
#wsp-button:active {
    filter: brightness(0.5);
}
#wsp-button:focus {
    outline: 4px solid #c4c4c4;
    outline-offset: 4px;
}
#wsp-button {
	border: none;
	padding: 0;
	margin: 0;
	border-radius: 48px;
	height: 50px;
	cursor: pointer;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
}
#wsp-button svg {
	background-color: #25d366;
	fill: #FFFFFF;
	padding: 9px;
	border-radius: 50%;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
}
.video-border-radius .wp-block-embed__wrapper iframe {
    border-radius: 1rem;
}
/* FOOTER */
.uflo-footer-confloat{
    margin-bottom: -4rem;
}
/* Utilities */
.pointer-events-none{pointer-events: none;}
.ff-urbanist{font-family: var(--wp--preset--font-family--urbanist);}
.cursor-pointer{cursor: pointer;}
.text-decoration-none a {text-decoration: none;}
.text-decoration-none a:hover {text-decoration: underline;}
.shadow-25blue{box-shadow:8px 8px 0px 2px rgb(1 12 175 / 25%)}
/* Media queries */
/* UFLO Drawer */
@media screen and (min-width: 576px) {
	nav.uflo-drawer.wp-block-navigation > button:before {
    content: 'Inicio ❯';
    background: inherit;
    color: var(--wp--preset--color--whiite);
    padding-left: 3rem;
    padding-right: 1.2rem;
    padding-top:0.3rem;
    font-size: 1rem;
}
    /* Altura drawer */
    .uflo-drawer .wp-block-navigation__responsive-container {
        height: auto;
    }
    /* UFlo Float */
    .uflo-float-btn {
        max-width: 300px;
    }
    /* Sub Menus */
    .uflo-drawer.is-responsive ul.wp-block-navigation__submenu-container.u-drawer-submenu{
        display: flex;
    }
    .uflo-drawer .wp-block-navigation-item.has-child .wp-block-navigation__submenu-container.u-drawer-submenu {
        position: absolute !important;
        top: 3rem !important;
        bottom: 0;
        left: 13rem !important;
        width: calc(100% - 15rem) !important;
        padding-left: 1rem !important;
        padding-right: 1rem !important;
        border-radius: .5rem;
    }
    .uflo-drawer.is-responsive .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ ul.wp-block-navigation__submenu-container.u-drawer-submenu.u-drawer-submenu-grid, .uflo-drawer.is-responsive .wp-block-navigation-submenu__toggle[aria-expanded="false"] ~ ul.wp-block-navigation__submenu-container.u-drawer-submenu.u-drawer-submenu-grid{
        display: grid;
        grid-template-columns: repeat(auto-fit, 300px);
        grid-template-rows: min-content;
        gap:1rem;
        background-color: #cacaca !important;
    }
  
    .uflo-drawer > .wp-block-navigation-item button.wp-block-navigation-item__content{
        width: 12rem;
        border-radius: 6px;
        border: none;
    }
    .uflo-drawer.wp-block-navigation .wp-block-navigation-item.u-drawer-link-p:hover, .uflo-drawer.wp-block-navigation .wp-block-navigation-item.u-drawer-link-i:hover {
        outline: 6px solid #dadada;
    }
    .uflo-drawer.wp-block-navigation .wp-block-navigation-item.u-drawer-link-i:hover {
        border-radius: 2px;
    }
    .uflo-drawer.wp-block-navigation .wp-block-navigation-item:hover {
        background-color: #dadada!important;
        border-radius: 6px;
    }
    ul.uflo-drawer.wp-block-navigation{
        margin-top: 1rem;
    }
    .uflo-drawer.is-responsive .is-menu-open li ul.wp-block-navigation__submenu-container.u-drawer-submenu{
        background-color: #cacaca !important;
    }
    /* Search bar */
    .uflo-drawer-search {
        position: absolute !important;
        top: 0;
        right: 3rem;
        width: calc(100% - 15rem);
    }

    
}
@media screen and (max-width: 599px){
    .uflo-float-nav{
        order: 2;
    }
    .uflo-float-btn{
        order: 1;
        width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width: 575px){
    .wp-block-navigation.is-responsive .wp-block-navigation-submenu__toggle[aria-expanded="false"] ~ ul.wp-block-navigation__submenu-container{
        display: none !important;
    }
    .uflo-drawer-search {
        margin-bottom: 1rem;
    }
	.d-none-mobile{display:none !important}
}