/*
Theme Name: Orion
Author: Nacho Macías
*/



/****************************** 
 *  Root - Variables - HTML
 *******************************/

 :root {
    /* Tipografía */
    --tipo-encabezado: 'Forum';
    --tipo-hero-encabezado: 'Poppins';
    --tipo-hero-subencabezado: 'Poppins';
    --tipo-parrafo-alfa: 'Poppins';
   


    /* Colores */
    --primary-color: #1558a3;
    --primary-color-w-opacity: #1558a3cc ;
    --secondary-color: #f5e931;
    --tertiary-color: #e61f2c;   
    --quaternary-color: #919f64;    
    --quinary-color: #61a8c1;
    --senary-color: #478284;
    --septenary-color: #000000;
    --octonary-color: #000000;
    --nonary-color: #000000;
    --denary-color: #000000;

    --color-body: #efe9d4;
    --color-white: #fff;   
    --color-black: #000000;
    --color-black-w-opacity: #00000066;
    --color-grey-red: #978787;
    --color-black-light: #5b5b5b;
    --color-light-grey: #f5f5f5;
    --color-old-footer: #3E3B37;  

    
    /* Medidas */
    --top-header-nav: 3rem;
    --top-header-nav-two-row: 2rem;






  }


  
/************/
/* GLOBALES */
/************/
* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box;
    vertical-align: baseline;
}


html {
    font-size: 62.5%; /* Facilita el cálculo a rems 1rem=10px */
    overflow-x: hidden; 
}



/* Imágenes */

img, picture, video, iframe, figure {
    max-width: 100%;
    width: initial; /* Si indico 100% es incompatible con Safari y navegador móvil */
    display: block;
    object-fit: cover;
    object-position: center center;
}


/* Enlaces */

a {
    display: block;
}

p a {
    display: inline;
}


/* Listas */

li {
    list-style-type: none;
}

/* Configuramos anclas suaves */

html {
    scroll-behavior: smooth;
    overscroll-behavior: auto;
}

/* Desactivar estilos por defecto en etiquetas */

h1, h2, h3, h4, h5, h6, p, span, a, strong, blockquote, i, b, u, em {    
    font-weight: inherit;
    font-style: inherit;
    text-decoration: none;
    color: inherit;
}



h1, h2, h3, h4, h5, h6 {
    font-size: 2rem;
    font-family: var(--tipo-encabezado);
}

p, span, a, strong, blockquote, i, b, u, em {
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-family: var(--tipo-parrafo-alfa);    
}





strong {
    font-size: inherit;
    font-weight: 600;
}



/* Evitar problemas con los pseudoelementos de quotes */
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/* Configuramos el texto seleccionado */
::selection {
    background-color: var(--color-light-grey);
    color: var(--color);
}

/* Nivelar problemas de tipografías y colocación en formularios */

form, input, textarea, select, button, label {
    font-family: inherit;
    font-size: inherit;
    hyphens: auto;
    background-color: transparent;
    display: block;
    color: inherit;
}

/* Reseteamos las tablas */

table, tr, td {
    border-collapse: collapse;
    border-spacing: 0;
}

/* Evitar problemas con SVG */
/* svg {
    width: 100%;
    display: block;
    fill: currentColor;
} */

/* Configuramos la tipografía de toda la web */
body {
    min-height: 100vh;
    width: 100%;
    font-size: 100%;
    font-family: var(--tipo-parrafo-alfa);
    color: var(--color-black);
    line-height: 1.4rem;
    font-smooth: always;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
      
}

/* Esconder scrollbars */

/* Hide scrollbar for Chrome, Safari and Opera */
*::-webkit-scrollbar {
    display: none!important;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  * {
    -ms-overflow-style: none!important;  /* IE and Edge */
    scrollbar-width: none!important;  /* Firefox */
  }


/* Bootstrap reset */

.container-fluid {
    width: 100vw!important;
}

.row {
    width: 100%; /* Debo forzar el ancho como el ancho de pantalla para evitar desbordamiento - antes lo tenía a 100vw!important pero pruebo sólo con 100% y sin important*/
    margin: 0!important;
}

.nav {
    width: 100vw!important;
}


.nm-nav {
    width: 100vw!important;
    /* background-color: var(--tertiary-color); */
    transition: all 0.5s;
}


.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active {
    border-color: transparent;
}


.btn-check:focus+.btn, .btn:focus {
    box-shadow: 0 0 0 0.25rem rgba(13,110,253, 0);
}




/* Bootstrap 5 columns */

.col-xs-5,

.col-sm-5,

.col-md-5,

.col-lg-5 {

  min-height: 1px;
  position: relative;

}

.col-xs-5 {

  float: left;

  width: 20%;

}




/* Varios */

.hide {
    display: none;
}

.columna {
    z-index: 999;
}

.nm__container {
    margin: auto 2rem;
}

.content {
    margin-top: 5rem;
}


.sticky-top {
    top: 16rem!important;
    z-index: 975!important;
}


img.btn-whatsapp {
    width: 100%;
    height: 5rem;
}

/* ************************************************************* */














/************/
/*  HEADER  */
/************/



/* 

header {
    background: #fff;
    padding: 1rem 0;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
}

.logo {
    width: 150px;
}

.mainmenu {
    display: none; 
    list-style-type: none;
    margin:0;
    padding:0;
}

.mainmenu li {
    list-style-type: none;

}

.mainmenu li a {
    display: block;
    padding: 0.25rem 1rem;

} */




/*    Header-top     */
/*-------------------*/

#top {
    font-family: var(--tipo-parrafo-alfa);
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.05rem;
}

.top-header-fix {
    display: none;
}

.top-header-fix .col-1,
.top-header-fix .col-2,
.top-header-fix .col-3,
.top-header-fix .col-4 {
    color: var(--color-white);
    line-height: var(--top-header-nav);
    vertical-align: middle;
    height: var(--top-header-nav); 
    font-weight: 400;
     
}

.top-header-fix .mia_location {
    text-align: right;
    border-right: solid 1px var(--color-white);
    
}

.top-header-fix .mia_rrss {
    display: flex;
    align-items: center;
}



.top-header-fix .mia_rrss a {
    margin: auto 0.5rem;
}



.top-header-fix .mia_rrss img {
    height: 2rem;
}

.top-header-fix .wrap__address {
    display:flex;
    flex-direction: column;
    align-items: center;
    line-height: var(--top-header-nav-two-row);
}


.top-header-fix .mia_address {
    height: 1.7rem;
}



.top-header-fix .wrap__timeline {
    display:flex;
    flex-direction: column;
    align-items: center;
    line-height: var(--top-header-nav-two-row);
}



.top-header-fix .mia_timeline {
    height: 1.7rem;
}

.top-header-fix .mia_contact__mail {
    text-align: right;
}




/*    Navigation     */
/*-------------------*/

.navbar-brand {
    color: var(--color-white);
}

/* nav {
    position: fixed;
    height: 10rem;
    width: 100%; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    background-color: var(--secondary-color);
    z-index: 999;
}

.nav {
    flex-wrap: nowrap!important;
} */



.nm-nav {
    position: fixed;
    height: 6rem;
    width: 100%; 
    display: flex;
    justify-content: space-between;
    align-items: center;
    top: 0;
    z-index: 99999;
}

.nm-nav {
    flex-wrap: nowrap!important;
}




.logo-container {
    display: flex;
    align-items: center;
    width: auto;
    margin: 0;
}

.custom-logo {
    margin-left: 20px;
    height: 55px!important;
    z-index: 100010;

    transition: all 0.5s;
}

.reservation__style a {
    background-color: var(--primary-color);
    color: var(--color-white);
    padding: 1rem 1rem 0 1rem;
    margin-top: -1rem;
    border-radius: 1rem;
}





/*  Hamburguer Menu  */
/*-------------------*/

.hamburger-btn {
    width: 30px;
    margin-right: 25px;
    cursor: pointer;
    z-index: 1000010;
}


.hamburger-btn span {
    display: block;
    width: 100%;
    height: 2px;
    margin-right: 40px;
    background-color: var(--color-white);
    border-radius: 2px;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    transform-origin: 0px 100%;
    transition: all 300ms;
}

/* Cambio de color en páginas con fondo blanco */

.hamburger-btn.ch__color span {
    background-color: var(--tertiary-color);
}



.hamburger-btn span:nth-child(2) {
    margin: 6px 0;
} 

.activeline1__bars-menu {
    transform: rotate(45deg) translate(-2px, 1px);
}

.activeline2__bars-menu {
    opacity: 0;
    margin-left: -30px;
}

.activeline3__bars-menu {
    transform: rotate(-45deg) translate(-4px, 2px);
}




.nav-list {
    position: fixed;
    width: 100%;
    height: 0vh;
    top: 0px;
    background: var(--primary-color);
    /* float: right; */
    text-align: left;
    transition: all .5s;
    z-index: -1;
    padding-left: 0!important;
}


.nav-list li { 
    opacity: 0;
    display: none;
    line-height: 10px;
    margin: 1.8rem 0 0 10%;
    transition: all 0.5s; 
}


.sub-menu li {
    margin: 0.5rem 0 0 0;
}

.nav-list .first-item {
    margin-top: 12rem; 
}


.nav-list li a {
    font-family: var(--tipo-parrafo-alfa);
    width: max-content; /* Hago que el ancho de la etiqueta sea igual al contenido de la misma */ 
    color: var(--color-white);
    font-size: 1.5rem;    
    font-weight: 400;
    letter-spacing: 0.2rem;
    text-transform: uppercase;
    text-decoration: none;
    --clippy: polygon(0 0, 0 0, 0 100%, 0 100%);
    
}



.nav-list li a.active, .nav-list li a:hover {
    color: var(--secondary-color);
    transition: 0.5s;
    --clippy: polygon(0 0, 100% 0, 100% 100%, 0 100%);
} 

.nav-list li a:after {
    content:"";
    display: block;
    background: var(--primary-color);
    width: 100%;
    margin-top: 10px;
    height: 1px;
    clip-path: var(--clippy);
    transition: clip-path .5s;
}


.nav-list.nav-list-page-scrolled li a:after {
    background: var(--tertiary-color);
    height: 3px;
}

.nav-list li a:after {
    content:"";
    display: block;
    background: var(--primary-color);
    width: 100%;
    margin-top: 10px;
    height: 1px;
    clip-path: var(--clippy);
    transition: clip-path .5s;
}

.nav-list .sub-menu {
    display: flex;
    flex-direction: column;
        
}




.nav__label {
    display: block;
    font-size: 30px;
    color: var(--color-white);
    float: right;
    line-height: 75px;
    margin-right: 40px;
    cursor: pointer;
}

#check {
    display: none;
}

#check:checked ~ .nav-list {
    height: 100vh;
}


#check:checked ~ .nav-list li {
    opacity: 1;
    display: block;
}



#check:checked ~ .nav-list li:first-child {
    margin-top: 15rem;
}


#check:checked ~ .nav-list li a {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 1.5rem 0 1.5rem 1rem

}


#check:checked ~ .nav-list .sub-menu li a {
    font-family: var(--tipo-parrafo-alfa);
    font-size: 1.2rem;
    font-weight: 500;
    font-style: italic;
}

#check:checked ~ .nav-list .sub-menu li:first-child a {
    margin-top: 1rem;
}

#check:checked ~ .nav-list .sub-menu li:last-child a {
    margin-bottom: 1rem;
}


.checkbtn span {
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-white);
    border-radius: 2px;
    -webkit-transition: background-color .15s ease-in-out;
    -o-transition: background-color .15s ease-in-out;
    transition: background-color .15s ease-in-out;
    transform-origin: 0px 100%;
    transition: all 300ms;
    z-index: 10000;
} 

.checkbtn span:nth-child(2) {
    margin: 6px 0;
} 


/* HOME */

/* Hero */

#hero,
#hero404 {
    height: 100vh;
    width: 100%;
    background: #efefef;
    background-size: cover; /* en el caso de que tenga una imagen en el background con una url() */
    overflow: hidden;
}

#hero img {
    width: 100%;
}




/* Section One */



.section__one {
    padding-top: 3rem;
}


h1 {
    font-size: 4rem!important;
    font-weight: 600!important;
    text-align: center;
}

h2 {
    font-size: 2.5rem!important;
    font-weight: 600!important;
    line-height: 2.5rem!important;
    text-align: center;

    color: var(--primary-color);
    text-shadow: 0.2rem 0.2rem var(--secondary-color);
}



.section__one h1 {
    color: var(--primary-color);
    text-shadow: 0.2rem 0.2rem var(--secondary-color);
}


.section__one h2 {
    color: var(--tertiary-color);
    text-shadow: 0.14rem 0.14rem var(--primary-color);
}



p {
    margin: 2.5rem auto!important;
}



/* Section Two */

.section__two {
    margin-top: 5rem;
}

.product h2 {
    font-size: 2rem!important;
    color: var(--primary-color);
    text-shadow: none;
}

.product .price {
    text-align: center;
}

.product .button {
    margin: 0 auto!important;   
    display: flex!important;
    justify-content: center;
    width: 80%; 
}


.section__two .woocommerce {
    margin-top: 3rem;
}


/* Section Three */

.section__three {
    margin-top: 5rem;
}


#info__features  {
   margin: 3rem auto;
}

#info__features .box__info {  
    display: flex;
    justify-content: center;
    align-items: center;
    height: 15rem;
    padding: 1rem;
    border: solid 0.3rem var(--tertiary-color);
    border-radius: 1rem;
}



#info__features .box__info h3 {
    font-family: var(--tipo-parrafo-alfa);
    font-weight: 500;
    text-align: center;
}



#info__features .mia__column {
    margin: 3rem auto;
}

#info__features .box__info.box__one {
    background-color: var(--primary-color);
    color: var(--color-white);
}

#info__features .box__info.box__two {
    background-color: var(--secondary-color);
    color: var(--color-black);
}


#info__features .box__info.box__three {
    background-color: var(--primary-color);
    color: var(--color-white);
}


/*  Section Four */

.section__four {
    margin-top: 5rem;
}


/* Posts */

.content {
    height: auto;
    padding: 3rem 0;
}


.archive .sticky-top {
    box-shadow: 6px 0px 3px rgba(0,0,0,0.25);
    border-radius: 0.5rem;
    list-style-type: none;
    margin:0;
    padding: 1.5rem;  
}

.miadel__blog {
    text-align: center;    
}

.miadel__blog a {
    text-decoration: none;
}

.miadel__blog a h3 {
    color: var(--primary-color);
    font-size: 2.2rem;
    font-weight: 600;
   
}


.miadel__blog img {
    max-height: 20rem;
    margin: 0 auto;
}

.widget {
    /* box-shadow: 6px 0px 3px rgba(0,0,0,0.25); */
    /* border-radius: 0.5rem; */
    list-style-type: none;
    margin:0;
    padding: 1.5rem;  

}

.widget ul {
    list-style-type: none;
    margin:0;
    padding:0;   

}




.blog-post {
    padding: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0px 0px 20px rgba(0,0,0,0.25);
    border-radius: 0.5rem;

}


.pagination a {
    color: green;
    padding: 0 0.3rem;

}



/* PAGES */


/* SHOP */

.archive .nm__container {
    margin-top: 3rem;
}

/* Categories - Sidebar */
.category__named__a,
.category__named__a__item__count {
    /* display: none; */
}

.wc-block-product-categories-list--depth-2 {
    display: none;
}

.wc-block-product-categories-list-item__name {
    text-transform: uppercase;
}









.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    font-weight: 600;
    font-family: var(--tipo-encabezado);
    color: var(--color-black);
}

















/***********************/
/*       FOOTER        */
/***********************/

.container-chat {    
    position: fixed;
    bottom:8rem;
    right: 2rem;
    z-index: 1000020;    
}

.container-chat a {
    display: flex;
    justify-content: end;
}


footer {
    background:var(--tertiary-color);
    padding: 2rem 0.5rem;
    border-top: 0.1rem solid var(--primary-color);
}


footer {
    background-image: linear-gradient(to top, rgba(21, 88, 163, 0.8),rgb(197, 234, 255));
}

footer.ch__color {
    background-image: linear-gradient(to top, rgba(138, 82, 51, 0.274),rgb(255, 243, 197));
}


footer .row {
    width: auto!important; /* No quitar. Debo forzar el width auto debido a que en el RESET he indicado el ancho como ancho de pantalla para evitar desbordamiento */
}

footer .nm-container {
    margin: 0 3rem;
    text-align: center;
}


footer .nm-container h2 {   
    font-family: var(--tipo-encabezado);
    font-size: 3rem;
    text-align: center;
    color: var(--tertiary-color);
    margin: 2rem 0 5rem 0;
}

footer .artistic__logo {
    width: 300px;
    margin: 0 auto;
    margin-bottom: 3rem;
}

footer h4 {
    font-size: 2rem;
    letter-spacing: 0.3rem;
    font-weight: 400;
    color: var(--color-white);
    margin: 0 auto; /* Para que centre los textos */
    padding-bottom: 1rem;
    width: max-content; /* Hago que el ancho de la etiqueta sea igual al contenido de la misma */ 
}

footer.ch__color h4 {
    color: var(--tertiary-color);
    font-weight: 600;
}



footer h4::after {
    content: '';
    border-bottom: 1px solid var(--color-white);
    /* width: 70%; */
    display: block;
    margin: 0 auto;
    padding-top: 0.3rem;
}

footer.ch__color h4::after {
    border-bottom: 1px solid var(--tertiary-color);
}




footer ul {
    padding: 0;
}

footer ul li a {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: var(--color-white);
}

footer.ch__color ul li a {
    color: var(--tertiary-color);
    font-weight: 600;
}


footer a:hover {
    color: var(--color-white);
    font-weight: 600;
}



footer .row .col-md-6:nth-child(1) .menu-title {
    margin-top: 2rem;
}


footer .row .col-md-6:nth-child(2) .menu-title {
    margin-top: 4rem;
}


footer .nm-container .w-border {
    padding: 2rem 0;
    border-top: solid 1px var(--color-white);
  
}

footer .nm-container p,
footer .nm-container span,
footer .nm-container .legal__area a {
    font-family: var(--tipo-parrafo-gamma);
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: var(--color-white);
    margin: 0;
    text-decoration: none;

}

footer .nm-container .legal__area p {
    margin: 0!important;
}



footer .nm-container .sm p, footer .nm-container .sm span {
    font-size: 1rem;
    line-height: 2.5rem;
    color: var(--color-white);
    margin: 0;
}


/* 
footer.ch__color .nm-container p {
    color: var(--tertiary-color);
    font-weight: 600;
} */


footer .buttons {
    display: flex;
    justify-content: center;
}
footer .buttons img {
    height: 3rem;
    width: auto;
    
}



footer .buttons a {
    padding: 0.5rem 2rem;
    margin: 1rem;
}




footer .nav-interests .trp-language-switcher-container {
    display: none;
} 



footer .kit-digital-logo {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}






/**********  MEDIA QUERYS  ***************/




/*******************************************************
 *                         360 px
 *******************************************************/ 
 @media only screen and (min-width: 22.5em) {      
    
    
    
/*******************/
/*     HEADER      */
/*******************/


/*    Navigation     */
/*-------------------*/


/*  Hamburguer Menu  */
/*-------------------*/

.nav-list .first-item {
    margin-top: 18rem;
}

.nav-list li a {
    
    font-size: 1.8rem;
    
}

#check:checked ~ .nav-list .sub-menu li a {
   
    font-size: 1.4rem;
   
}

}

/*******************************************************
 *                         480 px
 *******************************************************/   
 @media only screen and (min-width: 30em) {    
    
    

/************/
/*  HEADER  */
/************/
    



/*    Navigation     */
/*-------------------*/


.custom-logo{
    margin-left: 20px;
    height: 80px!important;
}


nav {
    
    height: 10rem;
   
}


#check:checked ~ .nav-list li:first-child {
    margin-top: 25rem;
}

 }

/*******************************************************
 *                         600 px
 *******************************************************/ 
@media only screen and (min-width: 37.5em) {     
    
    
/************/
/*  HEADER  */
/************/
    



/*    Navigation     */
/*-------------------*/


.custom-logo{
    margin-top: 10px;
    margin-left: 20px;
    height: 90px!important;
}


/*  Hamburguer Menu  */
/*-------------------*/


#check:checked ~ .nav-list li:first-child {
    margin-top: 35rem;
}


#check:checked ~ .nav-list li a {
    font-size: 4rem;
    margin: 7rem 0 7rem 1rem;
}

#check:checked ~ .nav-list li.trp-language-switcher-container a {
    margin: 4rem 0 4rem 1rem;
}

.menu-item-object-language_switcher .trp-flag-image {
    height: 3rem;
}




}

/*******************************************************
 *                         700 px
 *******************************************************/ 
@media (min-width: 43.75em) {     
}

/*******************************************************
 *                         768 px
 *******************************************************/ 
@media (min-width: 48em) {  
    


    
    
/************/
/*  HEADER  */
/************/
    



/*    Header-top     */
/*-------------------*/

.top-header-fix {
    display: flex;
    position: fixed;   
    background-color: var(--primary-color-w-opacity);
    top: 0;
    width: 100%;
    height: var(--top-header-nav);   
    z-index: 999999;
}




/*    Navigation     */
/*-------------------*/


.custom-logo{
    margin-top: 44px;
    margin-left: 20px;
    height: 115px!important;
}

.hamburger-btn {
    width: 50px;
    margin-right: 50px;
    margin-top: 25px;
}

.hamburger-btn span {
    height: 3px;
    transform-origin: 3px 90%;
}

.hamburger-btn span:nth-child(2) {
    margin: 10px 0;
}


nav {   
    margin-top: var(--top-header-nav);
}

   

/*************/
/*    Hero   */
/*************/ 

/* 
    #hero,
    #hero404 {
        height: 100vh;
    }  */
}

/*******************************************************
 *                         960 px
 *******************************************************/ 
@media (min-width: 60em) { 
    
    /* .mainmenu {
        display: flex;
    }
     */


     
 :root {
    /* Medidas */
    --top-header-nav: 4.5rem;
    --top-header-nav-two-row: 3rem;

  }
    



  .page-scrolled {
    background-color: var(--primary-color-w-opacity);
    border-top: solid 1px var(--color-white);
}



        
    /************/
    /*  HEADER  */
    /************/


    /*    Header-top     */
    /*-------------------*/

    
    #top {
        font-size: 1.3rem;
    }

    .top-header-fix .esc_address {
        height: 1.4rem;
    }


    .top-header-fix .esc_timeline {
        height: 1.4rem;
    }







     /*    Navigation     */
    /*-------------------*/




    .logo-container {
        margin-left: 3.5rem;
        width: 100%;
    }


    .custom-logo{
        margin-top: 0px;
        margin-left: 0px;
        height: 85px!important;
    }


    .height-logo-scrolled {
        height: 90px!important;
    }


    nav {
        /* height: 100px; */
        background-color: transparent;
    }


    .hamburger-btn {
        display: none;
    }

    .nav-list {
        position: relative;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        text-align: left;
        padding: 3rem;
        background: transparent;
        margin-top: 2rem;
    }

    .nav-list .first-item {
        margin-top: 0;
    }
    
    .nav-list li {
        display: inline-block;
        opacity: 1;
        margin: 0 0.8rem;
        transition: none;
        height: 3rem;
    }
   

    .nav-list li.trp-language-switcher-container.first__language__item {
        margin-right: 0;
    }

    .nav-list li.trp-language-switcher-container.first__language__item a .trp-ls-language-name {
        padding-right: 0.5rem;
        border-right: solid 1px var(--color-white);
    }

    .nav-list li.trp-language-switcher-container.first__language__item a {
        padding: 0;
    }

    .nav-list li.trp-language-switcher-container li a span::before {
       content: '|';
       margin: 0 0.3rem;
    }

    .trp-language-switcher-container a {
        padding: 0!important;
    }

    .trp-ls-language-name {
        font-size: 1.6rem;
    }


    .menu-item-object-language_switcher .trp-flag-image {
        height: 1rem;
    }


    
    .nav-list .trp-language-switcher-container {
        margin-bottom: 0.6rem;
    }



    .nav-list li a.active, .nav-list li a:hover {
        color: var(--secondary-color);
    } 
    

    .nav-list .sub-menu {
        display: none;
        position: absolute;
        padding-top: 2rem; 
        margin-top: 1rem;   
        text-align: left;
        background-color: var(--tertiary-color);
        width: 26rem;
        border-radius: 1rem;
    }

        
    .nav-list li:hover > .sub-menu {
        display: flex;
        flex-direction: column;        
    }


    .nav-list .sub-menu li {
        margin: 0 0.5rem 0 0;
        width: 18rem;
        height: 3rem;   
    }





/****************************
 *          SHOP
 ****************************/ 


 
 /*      Single Product
 ****************************/ 
 .single-product .woocommerce-tabs.wc-tabs-wrapper {
    float: right;
    width: 48%;
    clear: none!important;
 }

 .single-product .related.products {
    display: inline-block;
 }













}

/*******************************************************
 *                         1024 px
 *******************************************************/ 
@media (min-width: 64em) {    
   
    

    

    
/************/
/*  HEADER  */
/************/
    



/*    Navigation     */
/*-------------------*/

.nav-list {
    margin-top: 3rem;
}

.nav-list li a {        
    font-size: 1.7rem;       
}

.page-scrolled {
    height: 10rem;
}










/* PAGES */


/* SHOP */

.archive .nm__container {
    margin-top: 7rem;
}











}
/*******************************************************
 *                         1360 px
 *******************************************************/   
@media (min-width: 85em) {   
    
    
    


/*    Navigation     */
/*-------------------*/


.nav-list {
    justify-content: flex-end;
}




.nav-list {
    
    padding: 3rem 3rem 0rem 3rem;
    
}

.nav-list-page-scrolled {
    padding: 0 3rem 0 0;
}



.nav-list li a {        
    font-size: 1.8rem;       
}


.trp-ls-language-name {
    font-size: 1.8rem;
}



    
.page-scrolled {
    height: 12.5rem;
}


.page-scrolled .custom-logo {
    margin-top: 0px;
    height: 85px!important;
}



.page-scrolled .nav-list {
    margin-top: 3rem;
}


.nav-list-page-scrolled {
    padding: 0 3rem 0 0;
}




/*************/
/*    Hero   */
/*************/



/* 
    #hero,
    #hero404 {
        height: 550px;
    }  */
}

/*******************************************************
 *                         1392 px
 *******************************************************/   
@media (min-width: 87em) {        
}

/*******************************************************
 *                         1504 px
 *******************************************************/  
@media (min-width: 94em) {        
}

/*******************************************************
 *                         1600 px
 *******************************************************/  
@media (min-width: 100em) {   
    
    
/*    Navigation     */
/*-------------------*/


.nav-list li a {
    font-size: 1.7rem;
    /* padding: 0 0.9rem; */
}


}

/*******************************************************
 *                         1920 px
 *******************************************************/  
 @media (min-width: 120em) {     
    
    
    

/*    Navigation     */
/*-------------------*/



.nav-list {
    padding: 4rem 3rem 0rem 3rem;
}



.nav-list-page-scrolled {
    padding: 0 3rem 0 0;
}



.nav-list li a {
    font-size: 2.1rem;
    /* padding: 0 0.9rem; */
}


.page-scrolled {
    height: 12rem;
}


.nav-list-page-scrolled {
    padding: 0 3rem 0 0;
}





}