/*



Theme Name: TheGem Child



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



*/


.titulo-sup-slide{
    color              : transparent !important;
    -webkit-text-stroke: 1px #DB3641 !important;
    font-weight: 500 !important;
    font-family: "Morganite" !important;
    font-style: italic !important;
    font-size: 8vw !important;
}

.titulo-inf-slide{
    font-family: "Morganite" !important;
    font-style: italic !important;
    font-size: 8vw !important;
}




.genially-embed .genially-view-logo.default-size, .genially-embed .genially-view-navigation-actions-container,.genially-embed .genially-view-menu-action{



    display: none !important;



}



.parte-col p{



  color: #303030;



}



.hide {

  display: none !important;

}

.partes{

  display: flex;

}



.parte-col{

  width:20%;

}



@media all and (max-width: 980px){

  .partes{

    flex-direction: column;

  }

  .parte-col{

    width:100%;

  }

  

}



.activo p{



  color: #ddd;



}



.header-text{

  width:15%;

  margin-left: auto;

  display: inline-block;

  position: relative;

    margin-bottom: 0;

    top: 12px;

    font-size: 0.8vw;

    line-height: 1vw;

}





@media all and (min-width:800px) {

  .header-text{

    margin-right: 20px;

  }

}



.vaca{



  width: 100em;



}







.partes{



  margin-top: 10px;



}







.circulo {



  -moz-border-radius: 50%;



  -webkit-border-radius: 50%;



  border-radius: 50%;



  background: #000;



  z-index: 1;



  position: absolute;

  opacity: 0;



}







.circulo.activo{



  background: rgba(221, 221, 221, 0.7);

  z-index: 9;

  opacity: 1;

}







.circulo.grande{



  

  width: 15%;

  height: 18%;





}







.circulo.mediano{



  width: 10%;

  height: 12%;



}



.circulo.pequeño{



  width: 6%;

  height: 7%;



}

.parte{

  cursor: pointer;

}







@font-face {



    font-family: "Futura";



    src: url("fonts/futura/futura.ttf") format("truetype");



    font-weight: normal;



    font-style: normal;



  }



  



  @font-face {



    font-family: "Futura";



    src: url("fonts/futura/futura-italic.ttf") format("truetype");



    font-weight: normal;



    font-style: italic;



  }



  



  /*@font-face {



    font-family: "Futura";



    src: url("fonts/futura/futur.ttf") format("truetype");



    font-weight: bold;



    font-style: normal;



  }*/



  



  @font-face {



    font-family: "Futura";



    src: url("fonts/futura/futura-italic-bold.ttf") format("truetype");



    font-weight: bold;



    font-style: italic;



  }



  

  @font-face {



    font-family: "Morganite";



    src: url("fonts/morganite/Morganite-Medium.ttf") format("truetype");



    font-weight: normal;



    font-style: normal;



  }



  @font-face {



    font-family: "Morganite";



    src: url("fonts/morganite/Morganite-Bold.ttf") format("truetype");



    font-weight: bold;



    font-style: normal;



  }



  @font-face {



    font-family: "Morganite";



    src: url("fonts/morganite/Morganite-BoldItalic.ttf") format("truetype");



    font-weight: bold;



    font-style: italic;



  }



  @font-face {



    font-family: "Morganite";



    src: url("fonts/morganite/Morganite-MediumItalic.ttf") format("truetype");



    font-weight: normal;



    font-style: italic;



  }

  



  @font-face {



    font-family: "Talking";



    src: url("fonts/talking/Talking.ttf") format("truetype");



    font-weight: normal;



    font-style: normal;



  }



  



#telefono{

    background: rgba(10, 10, 10, 0.9);

}





#site-header.hidden{

    display: none !important;

}



.header-layout-fullwidth_hamburger #primary-menu.no-responsive{

    background-color: #000000;

}

#primary-menu.no-responsive > li > a{

    color: #fff;

}



.gem-icon.gem-icon-pack-material span{

    font-family: 'MaterialDesignIcons' !important;

}





.site-header.fixed .logo{

    padding-bottom: 20px;

}



#carousel1{

    background-size: cover;

    background-position:center;

}





#cortijo{

    margin-bottom: 0 !important;

}



.wpb_text_column ul li:before{

    background-color: #fff;

}



.logo-row{

    width: 20vw;

    position: absolute;

    top: 35vh;

    left:0;

    z-index: 4;

}

.logo-row img{

    width: 80%;

    padding-left: 20%;

}



.logo-row .vc_column-inner{

    padding-top: 10% !important;

    padding-bottom: 10% !important;

}





p.text{

    text-align:justify;

}



.parte p.text{

    text-align: left;

}



@media all and (min-width: 800px) and (max-width: 1300px){

    .vc_custom_1654963186038{

        height: 112vh;

    }

    

    #pedidos-pais .vc_single_image-wrapper{

        display: flex;

        justify-content: center;

        align-items: center;

        height: 55vh;

    }

}





@media all and (min-width: 800px){

    p.text{

        font-size: 16px;

    }

    

    p.text.footer{

        text-align:left;

    }

    

    p.big{

        font-size:20px;    

    }

    

    .site-header:not(.fixed){

        display:none !important;

    }

    

    #ternera2 .wpb_column{

        margin-right: 1%;

        margin-left: 2%;

        width: 30%;

    }

    

    div.two-columns{

        display: flex;

        justify-content: space-around;

    }

    

    

    #obrador #obrador-titulo img{

        width: 40%;

    }

    

    #obrador #forma-blanco img{

        margin-left: 0;

        position: absolute;

        left: 0;

        top: 44vh;

        width: 40%;

    }

    

    #obrador #forma-blanco-grande img{

        margin-left: 0;

        position: absolute;

        right: 0;

        bottom: 8vh;

        width: 90%;

    }

    

    #obrador .wpb_text_column ul{

        margin-left: 40px;

    }

    

    #productos2 .ul-col2{

        margin-left: 20px;

    }

    

    .text-drch{

        padding-left: 30px;

        padding-right: 20px;

    }

    

    .text-izq{

        padding-left: 20px;

        padding-right: 30px;

    }

    

    .text-margin{

        margin-left: 5%;

        margin-right: 5%;

    }

    

    .mitad{

        width: 50%; 

        margin: 25px;

    }

    

    .formacion-title{

        margin-left: 20%;

        margin-right: 20%;

    }

    

    .footer-org{

        margin-left: 7%;

    }

    

    #telefono {

        width: 15vw;

        position: fixed;

        bottom: 91px;

        right: 0px;

        z-index: 9;

    }

    

    #telefono .gem-icon-with-text{

        margin-top: 20px;

        margin-bottom: 20px;

    }

    

    #slide0 img[title="Scroll (Blanco)"], #slide0 p:not(.productores):not(.tlf){

        position: relative;

        top: -18vh;

    }

    

    .texto-scroll{

        max-width: 50%;

        margin-left: auto;

        margin-right: auto;

    }

    

    

    .productores-row{

        width: 19vw;

        position: absolute;

        top: 0;

        z-index: 4;

        right: 0;

    }

    

    .menu-inicial .menu, .menu-inicial .menu-item{

        border: 0 !important;

    }

    

    .menu-inicial{

        margin-top: 5vh;

    }

    .menu-inicial #menu-principal a{

        color: #fff;

        text-align: right;

        text-transform: uppercase;

        padding: 5px 12px;

        font-size: 0.8vw;

    }

    

    .productores-row .socials{

        margin-top: 5vh;

        margin-right: 10px;

    }

    

    .productores-row .socials .socials-item{

        float: right;

    }

    

    .productores-row .productores{

        max-width: 220px;

        margin-left: auto;

        text-align: right;

        padding-top: 5vh;

        padding-bottom: 5vh;

    

    }

    

    .productores-row .gem-icon-with-text{

        margin-left: auto;

        margin-top: 12vh;

        width: 195px;

        padding-left: 50px;

        padding-top: 25px;

        padding-bottom: 25px;

        background: #000;

    }

    

    

    #slide0 .vc_empty_space{

        width:70vw;

        margin-left: auto;

        margin-right: 20vw;

        margin-top: 2%;

    }

    

    #telefono{

        display: none;

    }

    

    #contacto .wpb_column {

        padding-left: 0;

        padding-top: 0;

    }

    

     #seccion-contacto{

         margin-top: 0;

         padding-top: 0;

     }

     

     

     .logo-footer.big{

         margin-top: 1vh;

     }

     

     .footer-carniceria{

         width:20%;

         margin: 0 2vw 0 2.5vw;

     }

     

     .footer-obrador{

         width: 30%;

     }

     

     .aviso-legal{

         margin-left: 3vw;

     }

     

     .footer-logo.logo{

        width: 25%; 

        border-right: 2px solid #fff;

    }

    

    .footer-logo.logo img{

        width: 70%;

    }

    

    .text.copyright-footer, .text.legales, .text.direccion{

        margin-top: 30px;

        text-align: left;

    }

    

    #site-header.fixed.shrink .site-title{

        padding-bottom: 0;

        padding-top: 0;

        margin-bottom: 0;

        margin-top: 0;

    }

    

    .mapa-column .vc_column-inner {

        justify-content: center;

    }

    

}



#obrador #linea-bajo-titulo img{

    width: 37%;

}



@media all and (min-width: 800px) and (max-width: 1400px){

    #text-ternera-pajuna .col1{

        width: 50%;

    }

}



.title-h1,h1{

    font-size: 30px;

    line-height: 40px;

    font-weight: normal;

}



.copyright-footer{

    margin-top: 9vh;

}



@media all and (max-width: 1280px){

    

    .resp-no{

        display:none;

    }

}



@media all and (min-width: 800px) and (max-width: 1210px){

    #site-header.fixed.shrink .site-title a img.default{

        opacity: 1 !important;

    }

}



@media all and (max-width: 800px){

    .movil-no{

        display:none;

    }

    .numero-pedido{

        display:none;

    }

    

    #row-espacio{

        display: none;

    }

    

    #site-header-wrapper{

        height: 96px !important;

    }

    

     #ternera2 .wpb_column{

        width: 90%;

    }

    .wpb_column .vc_column-inner{

        padding-left: 20px !important;

        padding-right: 20px !important;

    }

    

    .wpb_wrapper .vc_row{

        margin-left: 0 !important;

        margin-right: 0 !important;

    }

    

    .footer-logo{

        margin-left:auto;

        margin-right: auto;

    }

    .vaca-row .vc_column_container .wpb_wrapper{

        display: flex;

        flex-direction: column;

    }

     .vaca-row .order-menor{

        order: 1

    }

    

     .vaca-row .seleccion-parte{

        order: 0;

        

    }

    

    #slide0 img[title="Scroll (Blanco)"], #slide0 p{

        position: relative;

        top: -10vh;

    }

    

    .texto-scroll, .productores-row, .inicio-menu-row{

        display: none;

    }

    

    #slide0 .vc_empty_space{

        width:70vw;

        margin-left: auto;

        margin-right: auto;

        margin-top: 2%;

    }

    

    .text.footer{

        text-align: left;

    }

    

    .footer-carniceria{

        width: 35vw;

        margin-right: 5vw;

        margin-top: 3vh;

    }

    

    .footer-obrador{

        width: 45vw;

    }

    

    .two-columns.footer{

        display:flex;

    }

    

    .footer-logo.logo{

        width: 50%; 

        border-right: 2px solid #fff;

    }

    

    .footer-logo.logo img{

        width: 90%;

    }

    

    .footer-logo.footer-org{

        margin-left: 5%;

    }

    

    .footer-logo.footer-org p{

        text-align:right;

    }

    

    .text.copyright-footer, .text.legales{

        margin-top: 0;

        text-align: left;

    }

    

    .aviso-legal{

         margin-left: 3vw;

     }

     

     .text.direccion{

         margin-top: 10vh;

         text-align: left;

     }

     

     #telefono{

        padding-top: 15px;

     }

     

     .logo-row{

         width: 40vw !important;

         top: 40vh;

     }

     

     .logo-row #imagen-titulo{

         padding-bottom: 0;

         margin-bottom: 0;

     }

     

     .logo-row #imagen-titulo img{

         width: 90%;

         padding-left: 10%;

     }

    

    

}



#primary-menu.no-responsive > li:hover > a,

#primary-menu.no-responsive > li.menu-item-current > a, 

#primary-menu.no-responsive > li.menu-item-active > a{

    color: #F9C651;

}



#primary-menu.no-responsive > li:hover > a[href="#contacto"],

#primary-menu.no-responsive > li.menu-item-current > a[href="#contacto"], 

#primary-menu.no-responsive > li.menu-item-active > a[href="#contacto"]{

    color: #a0a0a0;

}



.bg-cover{

    background-position: center;

    background-size:cover;

}

#slide0 img[title="Scroll (Blanco)"]{

    width: 4%;

}



.block-content{

    padding-top: 0 !important;

}



.parallax-content{

    position: relative

}

.show-on-laptop{

    display: none !important;

}

.gem-image-centered-box {

    margin-bottom: 0 !important;

}



.title-xlarge.giant{

    font-size: 210px;

    line-height: 0;

    white-space: nowrap;

    margin-left: -12px;

}



#obrador .wpb_text_column ul li:before{

    background-color: #000;

}



.site-header.fixed .logo {

    padding-bottom: 0;

}



#cortijo, #cortijo-seccion{

    background: #303030 !important;

}

#grid {
display: none;
}

.hidden {
    display: none !important;
}