/*
Theme Name:  Bioxnet Theme Child
Description: Child theme for Bioxnet Theme
Template:   bioxnet
Text Domain: bioxnet-child
Version: 1.0
*/
body{
	font-family: "aileron", sans-serif;
}
header.is-sticky{
 background-color: rgba(255, 255, 255, 0.8);
}

ul.wp-block-list {
  list-style: disc;
  margin-left: 16px !important;
}

.menu-top.wp-block-navigation .menu-top li a{
	color: inherit;
}
.menu-top.wp-block-navigation .menu-top li a:hover{
	color: var(--wp--preset--color--custom-color-1);
}

@media (min-width: 959px) {
    .theme-bioxnet-child .menu-desktop li a {
        text-transform: uppercase;
    }
	 .theme-bioxnet-child .menu-desktop li a:hover {
        color: #333;
    }
	.theme-bioxnet-child .menu-desktop li a .wp-block-navigation-item__label{
		position:relative
	}
	.theme-bioxnet-child .menu-desktop li a .wp-block-navigation-item__label:after{
		content: "";
		width: 0;
		height: 2px;
		position: absolute;
		background-color: #000;
		bottom: -4px;
		left: 50%;
		transform: translate(-50%, 0);
		-webkit-transition: all .3s ease;
		-moz-transition: all .3s ease;
		transition: all .3s ease;
	}
	.theme-bioxnet-child .menu-desktop li a:hover .wp-block-navigation-item__label:after{
		width: 100%;
	}
}
@media (max-width: 958px) {
    .theme-bioxnet-child .menu-toggle {
        width: 34px;
        height: 30px;
    }
	.theme-bioxnet-child .menu-toggle span, .theme-bioxnet-child .menu-toggle span:before, .theme-bioxnet-child .menu-toggle span:after {
        width: 34px;
        height: 3px;
    }
	.theme-bioxnet-child .menu-toggle span:before{
		margin-top: -10px;
	}
	.theme-bioxnet-child .menu-toggle span:after{
		margin-top: 10px;
	}
}

ul.wp-block-list.menu-idioma, ul.wp-block-list.menu-idioma ul{
 list-style: none;
 margin-left: 0 !important;
 font-size: 16px;
}
ul.wp-block-list.menu-idioma li{
	position: relative;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
	justify-content: center;
    background-color: #dbdbdb;
    padding: 3px 18px 3px 6px;
    border-radius: 20px;
    gap: 4px;
}
ul.wp-block-list.menu-idioma li a{
	color: #000;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    gap: 4px;
}
ul.wp-block-list.menu-idioma li a:hover{
	color:#000;
}
ul.wp-block-list.menu-idioma li:after{
	content:"";
	width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #000;
	position:absolute;
	right: 6px;
    top: 16px;
}

ul.wp-block-list.menu-idioma li:hover ul{
	top: 100%;
	opacity:1;
	visibility: visible;
}

ul.wp-block-list.menu-idioma li ul{
	position: absolute;
    top: 110%;
	opacity:0;
	visibility:hidden;
    left: 0;
    background-color: #FFF;
    width: 100%;
    border-radius: 5px;
    box-shadow: 0 1px 18px 0 rgba(0, 0, 0, 0.09);
	 -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
      transition: all .3s ease;
}
ul.wp-block-list.menu-idioma li ul li{
	background-color: #FFF;
	 padding: 6px 4px;
}
ul.wp-block-list.menu-idioma li ul li:after{
	display:none;
}
.contacto-principal{
    background: #333;
    padding: 20px;
    border-radius: 12px;
    margin: 0 auto;
}

.contacto-principal input[type="email"], .contacto-principal input[type="number"], .contacto-principal input[type="search"], .contacto-principal input[type="text"], .contacto-principal input[type="tel"], .contacto-principal input[type="url"], .contacto-principal input[type="password"], .contacto-principal textarea, .contacto-principal select {
    height: 48px;
    padding: 6px 10px;
    background-color: transparent;
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
    border-top: 0px solid #ccc;
    border-bottom: 2px solid #ccc;
    border-radius: 0;
    box-shadow: none;
    box-sizing: border-box;
    width: 100%;
    font-family: inherit;
    color: #FFF;
}

.contacto-principal input[type="email"]:focus, .contacto-principal input[type="number"]:focus, .contacto-principal input[type="search"]:focus, .contacto-principal input[type="text"]:focus, .contacto-principal input[type="tel"]:focus, .contacto-principal input[type="url"]:focus, .contacto-principal input[type="password"]:focus, .contacto-principal textarea:focus, .contacto-principal select:focus {
    outline: 0;
    border-right: 0 solid #25d366;
    border-left: 0 solid #25d366;
    border-top: 0 solid #25d366;
    border-bottom: 2px solid #25d366;
}

.contacto-principal input[type="submit"] {
    width: 100%;
    height: 58px;
    border-radius: 2px;
}





.columns.split-content-dr{
	margin: 60px 0;
}

.columns.split-content-dr .column {
	 flex: none;
}
.columns.split-content-dr .column .InnerColumn{
	flex-direction: inherit;
}

 .columns.split-content-dr .column:nth-of-type(1) {
	 width: 62%;
	 z-index: 6;
	 flex: none;
}
 .columns.split-content-dr .column:nth-of-type(2) {
	width: 40%;
    position: absolute;
    right: 0;
    height: calc(100% + 120px);
    top: -60px;
}

 .columns.split-content-dl {
	 justify-content: flex-end;
}
.columns.split-content-dl .column .InnerColumn{
	flex-direction: inherit;
}
 .columns.split-content-dl .column {
	 flex: none;
}
 .columns.split-content-dl .column:nth-of-type(1) {
	 width: 62%;
	 z-index: 6;
	 flex: none;
	 position: absolute;
	 left: 0;
	 height: 100%;
}
 .columns.split-content-dl .column:nth-of-type(2) {
	 width: 40%;
	 z-index: 6;
	 flex: inherit;
}



.TabsContainer.tabs-servicios .tab{
	font-size: 20px;
	line-height: 27px;
	position:relative;
	text-align: center;
}
.TabsContainer.tabs-servicios .tab:after{
	content: "";
    width: 0;
    height: 2px;
    position: absolute;
    background-color: #000;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
	-webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
      transition: all .3s ease;
}

.TabsContainer.tabs-servicios .tab.selected:after, .TabsContainer.tabs-servicios .tab:hover:after{
	width: calc(100% - 20px);
}
.TabsContainer.tabs-servicios .TabsContent{
    padding-top: 30px;
}

 .wp-block-group.principios-listado{
		 gap: 2cm;
}
 
 @media screen and (max-width: 959px) {
	 .columns.split-content-dr {
		margin: 10px 0;
	}
	  .columns.split-content-dr {
		  display: flex;
        flex-wrap: wrap;
	}
	  .columns.split-content-dr .column:nth-of-type(1) {
		 width: 100%;
		  display: flex;
        flex-wrap: wrap;
		   order:2
	}
	 .columns.split-content-dr .column:nth-of-type(2) {
		   display: flex;
        flex-wrap: wrap;
		 width: 100%;
		 height: 280px;
		 position: relative;
		 top: 0;
		  order:1
	}
	  .columns.split-content-dl {
		  display: flex;
        flex-wrap: wrap;
	}
	 .columns.split-content-dl .column:nth-of-type(1) {
		 width: 100%;
		 position: relative;
		 order:2
	}
	 .columns.split-content-dl .column:nth-of-type(2) {
		 width: 100%;
		 position: relative;
		 order:1
	}
  .titulo-principal {
    font-size: 38px;
   }
	.subtitulo-principal {
    font-size: 23px;
   }
	 .TabsContainer.tabs-servicios .TabsList{
		display:none !important 
	 }
	 .TabsContainer.tabs-servicios .TabsContent .tab-content{
		 display: block !important 
	 }
	 
}
 @media screen and (max-width: 790px) {
	 .theme-bioxnet-child header{
       position: fixed;
        background-color: rgba(255, 255, 255, 0.6);
        top: 0;
        left: 0;
     }
	 .theme-bioxnet-child header .bg-overlay{
		 background: transparent !important;
	 }
	 header .wp-block-site-logo{
		 max-width:220px;
	 }
	 .flex-basis-inherit-mobile{
		 flex-basis: inherit !important;
	 }
	 .wp-block-group.header-izq{
	  display: grid;
      grid-template-columns: repeat(1, 1fr) 85px;
      width: 100%;
	 }
	 ul.wp-block-list.menu-idioma, ul.wp-block-list.menu-idioma ul {
    margin-left: auto !important;
	 }
	 .seccion-01{
    min-height: 380px !important;
	}
	 .wp-block-group.principios-listado{
		 gap: 0
	 }
	 .wp-block-group.gap-mobile-none{
		 gap: 0
	 }
	 .TabsContainer.tabs-servicios .TabsContent {
    padding-top: 20px;
	}
	     .titulo-principal {
        font-size: 34px;
    }
	 .theme-bioxnet-child .has-large-font-size {
    font-size: 26px !important;
	}	
	ul.wp-block-list.menu-idioma, ul.wp-block-list.menu-idioma ul {
		font-size: 12px;
	}
	ul.wp-block-list.menu-idioma li {
		padding: 3px 28px 3px 16px;
	}
	ul.wp-block-list.menu-idioma li a {
		line-height: normal;
	}
	ul.wp-block-list.menu-idioma li img{
	  width: 16px !important;
	  height: 16px !important;
	}
	ul.wp-block-list.menu-idioma li ul li {
		padding: 10px 4px 6px 4px;
	}
	ul.wp-block-list.menu-idioma li:after {
		top: 14px;
	}	
	 
}