/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** Cargar tipografías   ***************/
@font-face {font-family: 'archia';src: url('webfonts/archia-regular-webfont.eot');src: url('webfonts/archia-regular-webfont.eot?#iefix') format('embedded-opentype'),         url('webfonts/archia-regular-webfont.woff2') format('woff2'),url('webfonts/archia-regular-webfont.woff') format('woff'),url('webfonts/archia-regular-webfont.ttf')format('truetype');font-weight: 300;}
@font-face {font-family: 'archia';src: url('webfonts/archia-bold-webfont.eot');src: url('webfonts/archia-bold-webfont.eot?#iefix') format('embedded-opentype'),         url('webfonts/archia-bold-webfont.woff2') format('woff2'),url('webfonts/archia-bold-webfont.woff') format('woff'),url('webfonts/archia-bold-webfont.ttf') format('truetype');    font-weight: 700;}

/*************** Variables   ***************/
:root{
--verde-oscuro: #5B652C;
--verde-claro: #7DB559;
--savia: #F7F7F2;
--tierra-claro: #F6DCC0;
--tierra-oscuro: #645345;
--negro-roto: #3A3029;
}

/*************** Ajustes tipograficos básicos  ***************/
*{font-family:'archia' !important;font-weight:300;}
body{font-size:1.25rem;}
h1{font-size:3.4375rem;font-weight:700;}
.col-inner h2{font-size:2.5rem;font-weight:700;color:var(--verde-claro);}
h3{font-size:1.875rem;font-weight:700;}
h4{font-size:1.5rem;font-weight:700;}
.header-main .nav > li > a {font-weight:700;font-size:1rem;}
.miniparrafo{font-size:0.875rem;}
.serifa{font-family:'archia' !important;font-size:1.5rem;color:var(--tierra-oscuro);}
strong{font-weight:700;}
.cabecera{color:var(--savia)}
p, li{color:var(--negro-roto)}

/*************** Ajustes básicos  ***************/
::selection {background-color: #7DB559;color: #F7F7F2;}
.pre-footer ::selection{background-color: #F7F7F2;color: #7B695D;}
.pre-footer h4, .pre-footer a, .pre-footer a:hover, .fondo-verde h1, .fondo-verde h2, .fondo-verde h3, .fondo-verde h3, .fondo-verde p{color:var(--savia);}
.pre-footer a{text-decoration:underline;}
.pre-footer a:hover{text-decoration:none;}
.pre-footer{padding:4rem 5rem 0rem 5rem !important;}
.pre-footer.pre-footer ul li{list-style:none;margin-left:0;}
.tabbed-content .nav-vertical {width: 40%;}
.tabbed-content .nav-vertical.nav > li > a {font-weight: 700;font-size: 1.4rem; padding: 1rem 2rem;}
.texto-blanco{color:var(--savia)}
p a, span a{text-decoration:underline;}
#comments .comment-respond {background-color: rgba(0,0,0,0);}
input[type='email']:focus, input[type='search']:focus, input[type='number']:focus, input[type='tel']:focus, input[type='text']:focus, input[type='password']:focus, textarea:focus, select:focus {    box-shadow: 0 0 0px #ccc;border-color:var(--verde-claro);color: var(--verde-claro);}
input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], textarea, select, .select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection { box-shadow: inset 0 1px 2px rgba(0,0,0,0);}
.nav-dropdown {
    padding: 20px;
    box-shadow: 1px 1px 15px rgba(0,0,0,0.1);
    border: 0px solid #ddd;
    background-color: var(--savia);
	top:50px;
}
.pre-footer h4{font-size: 18px;}
.pre-footer li a, .pre-footer p{font-size: 14px;}
.padding-doble-columna{padding-right:2rem;}
.nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
 	font-size:1rem;
    border-bottom: 1px solid #ececec;
}
li{margin-bottom: .3rem;}
.naturae-lovers .col-inner{padding:70px 60px;}
.naturae-cuadros .col-inner{padding:40px 150px;}

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

.cabecera-img .section-bg.bg-loaded:after{display: block;content:'';width: 100%;height: 100%;background-color: rgba(0,0,0,0.2);}
.ocultar-menu{display:none !important;}
.bg-trama{background-image: url("https://www.naturae.es/wp-content/uploads/2019/09/trama-fondo-naturae.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;}

/*************** Ajustes cabeceras del blog  ***************/
.blog-featured-title, .title-bg{min-height:600px;}
.title-bg{transform: translate3d(0px, 0px, 0px);transform: translateY(-40%) !important;height:1080px !important;}
.page-title-inner{transform:translatey(50%)}



/*************** Ajustes tabs  ***************/
.nav-tabs+.tab-panels {border: 0px solid #ddd;}
.ajustes-tab{}
.ajustes-tab .nav-tabs>li>a{background-color: var(--savia);}
.ajustes-tab .nav-tabs>li>a span{font-weight:700;color:#7DB5594D}
.ajustes-tab .nav-tabs>li>a:hover span{font-weight:700;color:#7DB559}
.ajustes-tab .nav-tabs>li.active>a span{color:white}
.ajustes-tab .nav-tabs>li.active>a{background-color: #7DB559}
.ajustes-tab .tab-panels{}
.nav-vertical + .tab-panels {
    background-color: var(--savia);
    
}
.nav-vertical + .tab-panels p:last-child{
    margin-bottom: 0;
   }

/*************** Ajustes menú  ***************/
.ubermenu-skin-minimal .ubermenu-item-level-0 > .ubermenu-target {
    font-size: 1rem;
    font-weight: 600 !important;
    color: var(--verde-claro) !important;
    margin-right: 0;
} 

.ubermenu-skin-minimal .ubermenu-item-level-1 > .ubermenu-target {
        font-size: 1rem;
        font-weight: 600;
        color:var(--verde-claro) !important;
    }
    .ubermenu .ubermenu-target {
        font-size: 1rem;
        font-weight: 300;
        color:var(--verde-claro) !important;
    }

@media (min-width: 850px){.nav-vertical+.tab-panels {border-left: 3px;border-left-color:white;border-left-style:solid;padding:3rem;}}


/*************** Ajustes formularios de contacto  ***************/

.wpcf7 .wpcf7-form-control-wrap.acceptance-315, .wpcf7 .wpcf7-form-control-wrap.acceptance-316, .wpcf7 .wpcf7-form-control-wrap.acceptance-401{display:inline;}
.wpcf7 span.wpcf7-list-item {margin-right: 0;}
.wpcf7 .wpcf7-response-output {margin: 5px 0 0 0;border-radius: 0px;}
div.wpcf7-mail-sent-ok {border: 2px solid var(--verde-claro);}

/*************** Ocultar bandera selector de idiomas  ***************/
.header-language-dropdown .image-icon img {display:none;}

    /*************** Ocultar aviso de google ***************/
    .grecaptcha-badge { visibility: hidden !important; }


.entry-category{display: none;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.pre-footer{padding:4rem 1rem 0rem 1rem !important;}
.serifa {font-size: 1.4rem;}

.ajustes-tab.tabbed-content .nav-vertical {width: 100%;}
.naturae-lovers .col-inner{padding:30px 15px;}
.naturae-cuadros .col-inner{padding:20px 15px;}
.ajustes-tab .tab-panels{height:auto;}
.padding-doble-columna{padding-right:15px;}
h1.cabecera{font-size: 2.4rem}
.blog-featured-title h1{font-size:2rem;}
	.nav-right .nav-top-link>span{display: none;}

}