/*

Theme Name: GemChild

Description: Multi-Purpose Wordpress Theme

Author: Codex Themes.

Theme URI: http://codex-themes.com/thegem/

Author URI: http://codex-themes.com/thegem/

Template: thegem

Version: 1.0

Tags: one-column, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, flexible-header, full-width-template, theme-options, translation-ready, dark, light

License: GNU General Public License

License URI: license.txt

*/

@font-face {
  font-family: "Gotham";
  src: url("https://www.laorganic.es/wp-content/themes/thegem-child/fonts/Gotham-Book.ttf") format("truetype");
  font-weight: normal;
}

@font-face {
  font-family: "Gotham";
  src: url("https://www.laorganic.es/wp-content/themes/thegem-child/fonts/Gotham-Medium.ttf") format("truetype");
  font-weight: bold;
}

@font-face {
  font-family: "Gotham";
  src: url("https://www.laorganic.es/wp-content/themes/thegem-child/fonts/Gotham-Light.ttf") format("truetype");
  font-weight: lighter;
}


/*Fuente*/
/*h1, body .pricing-table-style-8 .pricing-cost, .title-h1 {
    font-family: 'Gotham' !important;
}*/
body * {font-family: 'Gotham' !important;}

.fa, .fas {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}

@media (max-width: 1000px){
h1, .title-h1 {line-height: initial !important;}
}

.scroller-block{
    min-height: 100vh !important;
}
/*fuente*/

#primary-navigation .hamburger-toggle > span, #primary-navigation .overlay-toggle > span, #primary-navigation.overlay-active.close .overlay-toggle > span, #perspective-menu-buttons.primary-navigation .perspective-toggle span, #page.vertical-header .vertical-toggle > span, #thegem-perspective #primary-navigation .perspective-menu-close:before, #thegem-perspective #primary-navigation .perspective-menu-close:after{
    background-color: #ffffff !important;
}

#primary-navigation{
    background-image: url(https://www.laorganic.es/wp-content/uploads/2020/02/laorganic-menu.png) !important;
    margin: auto;
    background: center;
    background-repeat: no-repeat;
}
#primary-navigation .overlay-toggle .menu-line-1,#primary-navigation .overlay-toggle .menu-line-2,#primary-navigation .overlay-toggle .menu-line-3{
    display: none;
}

.overlay-active .overlay-toggle .menu-line-1,.overlay-active .overlay-toggle .menu-line-3{
        display: block !important;
        color:#ffffff;
}

.site-title{
    position: relative;
    display: block !important;
    /*margin-top: 40px;*/
}

/*#primary-navigation{
    margin-top: -70px !important;
    display: inline-block !important;
    text-align: start !important;
    z-index: 40 !important;
    width: 30% !important;
}*/

#primary-navigation{
    top: 30px;
    position: fixed !important;
    text-align: start !important;
    width:40px !important;
    z-index: 40 !important;
}

/*.page-scroller-nav-pane{
display:none;}*/

ul.sub-menu.styled.dl-submenu-disabled {
    margin: 0px !important;
}

.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-overlay-item-open > a{
    color: #ffffff !important;
    font-size: 15px;
    margin: 0px;
    padding: 0px !important;
}

.header-layout-overlay #primary-navigation #primary-menu.no-responsive li.menu-overlay-item-open > .menu-item-parent-toggle:before{
    content:none;
}

.header-layout-overlay #primary-menu.no-responsive > li > a, .header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a{
    color: #ffffff !important;
    font-size: 15px !important;
    margin: 0px;
    padding: 0px !important;}

.header-layout-overlay #primary-menu.no-responsive > li li > a{
    line-height: 18px !important;
}

.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a{
    text-transform: initial !important;
    height: 0px !important;
}

.header-layout-overlay #primary-menu.no-responsive > li > a, .header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a, .page-additional-menu.header-layout-overlay .nav-menu.no-responsive > li > a, .page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive > li li > a, .header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before, .page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:before, .header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch input[type="text"], .header-layout-overlay #primary-menu.no-responsive > li.menu-item-search > .minisearch .sf-submit-icon:before{
    height: 0px !important;
}


/*mayusculas y blanco los titulos principales del menu: primeros arriba, segundos abajo sin lis*/
.header-layout-overlay #primary-menu.no-responsive > li > a, .header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-overlay-item-open > a{
    color: #ffffff;
    font-size: 22px !important;
    white-space: initial;
    line-height: 1 !important;
    margin: 0px;
    padding: 0px !important;
}
/*mayusculas y blanco los titulos principales del menu*/

.overlay-menu-wrapper.active {
    width: 15% !important;
    background-color: #485b2f;
    min-width: 250px;
}

/*subir hacia la cruz el menú*/
.header-layout-overlay :not(.responsive) .overlay-menu-cell{
    padding-top: 110px !important;}
    .header-layout-overlay #primary-navigation #primary-menu.no-responsive ul {
    margin-bottom: -8px !important;
    margin-top: -8px !important;
}
/*subir hacia la cruz el menú*/
/*
@media screen and (max-width: 1250px){
.overlay-menu-wrapper.active {
    min-width: 340px;
}}*/

body .menu-overlay {
    background-color: transparent !important;
}

body.admin-bar .header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper{
    top:0px !important;
}

/* distancia entre uls */
ul.sub-menu.styled.dl-submenu-disabled {
    margin-bottom: 30px !important;
}

li#menu-item-684 {
    line-height: 
    margin-top: initial !important;
}
/* distancia entre uls */

/*lis con puntito*/
li.menu-item {
    text-align: initial;
    margin-left: 20px;
}

.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a:before {
    content: '.';
    position: relative;
    left: -4px;
    top: -4px;
}

/*lis con puntito*/

/*amarillo al hover*/
.header-layout-overlay #primary-menu.no-responsive > li > a:hover, .header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a:hover, .page-additional-menu.header-layout-overlay .primary-navigation .nav-menu.no-responsive li > a:hover, .header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:hover:before, .page-additional-menu.header-layout-overlay #primary-navigation #primary-menu.no-responsive li .menu-item-parent-toggle:hover:before {
    color: #e9d94f !important;
}
/*amarillo al hover*/

/*amarillo en la que estoy*/
.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li.menu-item-active > a{
        color: #e9d94f !important;
}
/*amarillo en la que estoy*/

/*amarillo*/


.header-layout-overlay #primary-menu.no-responsive > .amarillo a{color: #e9d94f !important;}

.header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-overlay-item-open.amarillo > a{color: #e9d94f !important;}
/*amarillo*/

#menu-lang{
    position: relative;
    float: right;
    top: -50px;
    margin-right: 45px;
    background-color: #ffffff;
    padding: 5px;
    color: #000000;
}

#primary-navigation .menu-toggle .menu-line-1, #primary-navigation .menu-toggle .menu-line-2, #primary-navigation .menu-toggle .menu-line-3, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-1, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-2, #perspective-menu-buttons.primary-navigation .menu-toggle .menu-line-3 {
    background-color: transparent !important;
}

@media screen and (max-width: 1400px){
    .header-layout-overlay #primary-menu.no-responsive > li > a, .header-layout-overlay #primary-navigation #primary-menu.no-responsive > li.menu-overlay-item-open > a{
        font-size: 15px !important;
        line-height: initial !important;
    }
    /*.header-layout-overlay #primary-menu.no-responsive > li > a, .header-layout-overlay #primary-navigation #primary-menu.no-responsive > li li > a{
        font-size:12px !important;
    }*/
    .menu-item{margin-left: 10px !important;}
    .header-layout-overlay #primary-menu.no-responsive, .mobile-menu-layout-overlay #primary-navigation.responsive #primary-menu, .page-additional-menu.header-layout-overlay .nav-menu.no-responsive, .page-additional-menu.mobile-menu-layout-overlay .primary-navigation.responsive .nav-menu{
        padding: 5px;
    }   
    #primary-navigator{
        top: 0px;
    }
}

/*
.texto-negro{
    color:#000000;
}

.texto-negro:hover{
    color:#485b2f;
}
*/
/*
#top-area{
    background-color: transparent !important;
    border: none;
    top: 90px;
    margin-top: -50px !important;
    z-index: 13;
    width: 80% !important;
    margin-left: 200px !important;
}

.inicio-oculto{
    margin-right: 180px !important;
    opacity: 0;
}*/


/*idioma*/
#ul-lang{
    text-align: end !important;
    margin-bottom: -40px;
}
.lang-item {
    list-style: none;
    display: inline;
}

.lang-item a {
    text-transform: uppercase;
    color: #000000 !important;
}

.lang-item-3:after{
    content:" /";
    font-weight: 500;
    color: #000000;
}

.lang-item-6:after{
    content:" /";
    font-weight: 500;
    color: #000000;
}

.bold{
    font-weight: bold;
}
/*idioma*/


a{
    color: #9aa315 !important;
}
/*footer*/
#colophon {
    background-color: #485b2f !important;
}

#colophon .widget.widget_search input, #colophon #mc4wp_email, #colophon .wpcf7-form-control-wrap input, #colophon .wpcf7-form-control-wrap textarea {
    background-color: #485b2f !important;
    border: 1px solid #ffffff !important;
}

/*buscar*/
#colophon #searchsubmit{
    font-size: 15px;
    width: 30% !important;
    color: #000000;
    background-color: #fffffff2 !important;
}

#colophon #searchsubmit:before{
    content:none;
}

form#searchform {
    width: 30%;
}

#colophon {
    padding: 90px 0 45px;
}

/*footer*/

.header-layout-overlay #primary-navigation:not(.responsive) .overlay-menu-wrapper{
    top:0px !important;
}

/* .breadcrumbs-container{ display: none; } */

.menu-overlay.active + #site-header.fixed.shrink {
    background: #fffffff2;
}



.vc_btn3.vc_btn3-size-md {
    font-size: 14px;
    padding-top: 25px !important;
    padding-bottom: 25px !important;
    padding-left: 20px;
    padding-right: 20px;}

    @media(max-width:768px){

.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.social-item.menu-item {
    width: 35px !important;
    height: 35px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    float: left;
    margin-left: 30px !important;
    margin-top: 15px;
}

.mobile-menu-layout-slide-vertical #primary-navigation.responsive #primary-menu li.social-item.menu-item a{
    padding:0;
}
    }