/*
Theme Name: Shopkeeper Child
Theme URI: http://shopkeeper.getbowtied.com/
Description: This is a child theme for Shopkeeper.
Author: Get Bowtied
Author URI: http: //www.getbowtied.com/
Template: shopkeeper
Version: 2.0
*/

@import url("../shopkeeper/style.css");

/****************************************************************/
/*************** ADD YOUR CUSTOM CSS IN THIS AREA ***************/
/****************************************************************/

h1, h2, h3, h4, p, .gris, .entry-title-archive a, .list-centered li a{
	color: #3c3c3b !important;
}
.blanco{
	color: #fff !important;
}
.azul{
	color: #032875;
}
.centrado{
	text-align:center;		
	}
h2{
    font-family: 'Oswald', sans-serif !important; 
    font-size: 27px !important;
    font-weight:600;
    line-height: 34px !important;
    /*color: #3c3c3b !important;*/
}
h3{
    font-family:'Open Sans',sans-serif !important;
    font-size:16px !important;
    color:#3c3c3b !important;
    font-weight:700;
}
h4{
    font-family: 'Oswald', sans-serif !important; 
    font-size:25px !important;
    color:#3c3c3b !important;
    font-weight:600 !important;
}
.linea-gris{
	border-color: #3c3c3b;	
}
.linea-blanca{
	border-color: #fff;		
}
.linea-turquesa{
	border-color: #8ecdc5;		
}
.titulo-pagina{
    font-family: 'Oswald', sans-serif !important; 
    text-align:center;
    text-transform:uppercase;
    color:#3c3c3b;
    font-size: 47px;
    margin-bottom: 5%;
}
.anclas-pagina{
    text-align:center;
    color:#3c3c3b !important;
    line-height: 26px;
	font-family:'Open Sans',sans-serif !important;
    font-size:16px !important;
    font-weight:700;
}
p{
    font-weight:300;
}
p strong{
    font-weight:600;
}
.vc_btn3.vc_btn3-style-outline{
    border-width: 1px;
}
.full-width-page {
    margin: 25px;
}
.destacado{
	font-size: 24px;
	font-weight: bold;
}
.titulo-peque {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color:#fff !important;
}
.destacado-sans {
	font-size: 20px;
	font-weight: bold;
	color: #fff !important;
	text-align:center;		
	font-family:'Open Sans',sans-serif !important;
}

h1.entry-title {
	color: white !important;
}

h1.product_title.entry-title {
	color: #3c3c3b !important;
}

/* --------------------------------------------- HEADER */
.site-top-message {
	float: none !important;
}

.site-top-bar-inner {
	max-height: 20px;
}
.site-header {
    padding-left: 0 !important;
    padding-right: 40px !important;
}
.site-branding{
    height: 60px;
}
.my_account_icon{
	display:none !important;
}
.main-navigation ul li a {
    padding: 10px 10px 10px 0;
    font-weight: 400;
}
.site-tools.offset {
    margin-top: 0px;
}
.current-menu-item a, .current_page_parent a{
    font-weight: 700 !important;
}
.main-navigation ul ul li a{
    color: #3c3c3b !important;
    font-weight: 400 !important;
}

@media only screen and (max-width: 642px){
.sticky-logo {
    max-height: 50px !important;
    margin-top: -10px;
}
}
@media only screen and (min-width: 642px){
.sticky-logo {
    max-height: 60px;
    max-width: auto;
}
.site-tools ul .search-button {
    display: inline-block;
}
}
@media only screen and (max-width: 1024px){
.site-header{
    padding-top:0;
    padding-bottom:0;
}
.resp-full-width{
    width: 100%;
}
.esquinera-sup-izda .vc_custom_1487149331397{
    opacity: 0.8;
}
.esquinera-sup-izda .wpb_content_element{
    margin-bottom:0;
}
}
@media only screen and (max-width: 1230px){
.show-for-large-up {
    display: none !important;
}
.site-tools ul {
    display: inline-flex;
}
.offcanvas-menu-button, .menu-button-text{
    display:inline !important;
}
}
@media only screen and (max-width: 40.063em){
#masthead {
    padding-top:0;
    padding-bottom:0;
}
}
@media only screen and (min-width: 1410px){
.hide-for-large-up{
    display: block !important;
}
i.spk-icon-menu {
    display: none;
}
}
@media screen and (max-width: 1409px){
.show-for-large.main-navigation {
    display: none !important;
}
}
@media only screen and (max-width: 1409px){
.offcanvas-menu-button, .menu-button-text {
    display: inline !important;
}
}

@media print, screen and (min-width: 64em){
.hide-for-large {
    display: inherit !important;
}
}

@media only screen and (min-width: 1024px){
#page_wrapper.sticky_header .content-area{
    margin-top: 132px !important;
}
}
@media only screen and (max-width: 1410px){
.site-header-wrapper {
    padding-right: 0;
    padding-left: 0;
}
}

/* --------------------------------------------- TOP BAR */

#site-top-bar:hover {
    overflow: hidden;
}
#site-navigation-top-bar {
    display: none; 
} 

.site-top-message {
    padding: .5em 0;
}
#site-top-bar {
    height: 34px !important;
}
.site-top-bar-inner {
    float: right !important;
}
#site-top-bar .fa-youtube, .footer_socials_wrapper .fa-youtube{
    background: url('/wp-content/images/icon-youtube.png') no-repeat 0px 0px;
    width: 58px;
    height: 34px;
}
#site-top-bar .fa-linkedin, .footer_socials_wrapper .fa-linkedin {
    background: url('/wp-content/images/icon-linkedin.png') no-repeat 0px 0px;
    width: 58px;
    height: 34px;
}
#site-top-bar .fa-google-plus, .footer_socials_wrapper .fa-google-plus{
    background: url('/wp-content/images/icon-google.png') no-repeat 0px 0px;
    width: 58px;
    height: 34px;
}
.fa:before {
    display:none;
}
.site-social-icons ul li{
    margin-left:15px;
}
.site-social-icons-wrapper {
    padding: 0;
}
.site-social-icons ul{
    padding:0;
}


/* --------------------------------------------- FOOTER */

.site-footer-widget-area {
    background-color: #f2f2f2;
	display: block !important;
}
.site-footer-widget-area {
    margin-bottom: 0 !important;
}
.wpcf7-form-control .wpcf7-submit, input[type=submit] {
	background-color: #8ecdc6 !important;	
}
.cambio-a-4-col {
    clear: both !important;
    width: 100% !important;	
}
.site-footer-widget-area .text-10 {
    float: left;
    width: 100%;
}
@media only screen and (min-width: 40.063em){
.widget {
    margin-bottom: 20px;
}
}

@media only screen and (min-width: 768px){
	.copyright_text {
		 float: left;
	}
	.footer_socials_wrapper {
    	float: right;
	}
}

#site-footer{
    padding-top:0;
    padding-bottom:0;
}
.footer_socials_wrapper li{
    margin: 15px 10px 0 0 !important;
}
.footer_socials_wrapper{
    margin-bottom:0;
    margin-top:0;
}
#site-footer .copyright_text {
    margin: 15px 0 10px 0 !important;
}

#cookie-notice .button{
    background: none !important;
    min-width: 140px;
    padding: 0.5rem!important;
}
#cookie-notice .button a:hover{
    color: white !important;
}
#cookie-notice .button.wp-default{
    color:white;
}

/* --------------------------------------------- BREADCRUMB */


.content-area {
    padding: 25px 0 0 0 !important;
}
.home .content-area {
    padding: 0 !important;
}
.breadcrumb{
    margin-bottom: 10px;
}

/* --------------------------------------------- INICIO */

.home .breadcrumb.row {
    display: none;
}
.vc_column-inner{
    /*padding-top:0 !important;*/
}
.video .vc_column-inner, .sector .vc_column-inner{
    padding-top:0 !important;
}
.caja-inferior{
    position: absolute;
    bottom: 0;
    left: 0;
}
.vc_custom_1488206581176 .wpb_content_element{
    margin-bottom: 0;
}
.vc_custom_1488206581176, .vc_custom_1549278706633, .vc_custom_1549278681733{
    padding-left:0 !important;
    padding-right:0 !important;
}

.esquinera-sup-izda{
    /*background: url('/wp-content/images/esquinera-sup-izda.png') no-repeat 0 0;*/
}
.esquinera-inf-dcha{
    /*background: url('/wp-content/images/esquinera-inf-dcha.png') no-repeat right bottom;*/
}
.multiplicar{
    mix-blend-mode: multiply;
}
.titulo-foto{
	color: #fff !important;
	font-size: 40px !important;
	line-height: 50px !important;
	text-align: right;
}
.vc_column-inner.vc_custom_1549265673466{
    padding-left:0px !important;
    padding-right:0px !important;
} 

.subrayado{
    background-color: #3c3c3b;
    color: #fff;
    width: auto;
    padding: 0 10px 5px 10px;
    display: table;
    margin: 3px 0 0 0;
}
.pastilla-blanca {
    background: #fff;
    opacity: 0.8;
    padding: 15px;
    margin-top: 10px;
}
.from_the_blog_title {
    font-weight: 600;
    font-size: 25px;
    line-height: 30px;
}
.post_meta_archive .url.fn.n {
    display: none;
}
.post_meta_archive {
    overflow: hidden;
    text-indent: -37px;
}
.triangulo-izda{
    height: 0;
    border-top: 180px solid #8ecdc6; 
    border-right: 140px solid transparent;			
}
.triangulo-dcha{
    height: 0;
    border-bottom: 180px solid #8ecdc6; 
    border-left: 140px solid transparent;							
}
.dato{
    color:#fff;
    font-family: 'Oswald', sans-serif !important; 
    font-size: 37px !important;
    font-weight:600;
    text-align:center;
}
.txt-dato{
    color:#fff;
    text-align:center;
    text-transform:uppercase;
}
.modulo-datos p{
    margin-bottom:0;
}
.modulo-datos div{
    margin-bottom:0;
}
#66width .vc_col-sm-8{
    width:66% !important;
}

/* --------------------------------------------- EMPRESA */
@media only screen and (min-width: 768px){
.dos-columnas {
    -webkit-column-count: 1; /* Chrome, Safari, Opera */
    -moz-column-count: 1; /* Firefox */
    column-count: 1;
}
}

.full-width-page .row {
    background-position: left top;
}


/* --------------------------------------------- FABRICACION DE PALETS */
.borde-izda{
    border-left:solid 1px #abadae;
}
.borde-dcha{
    border-right:solid 1px #abadae;
}

@media only screen and (max-width: 1127px){
.dato{
    font-size: 27px !important;
}}
@media only screen and (max-width: 991px){
.dato{
    font-size: 20px !important;
}
.modulo-datos .vc_col-sm-2 {
    width: 25%;
}
.modulo-datos{
    padding-bottom:20px !important;
}}

.video .wpb_content_element{
    margin-bottom:0 !important;
}
@media only screen and (min-width: 1020px){
.separacion-izda{
    border-left: solid 1px #abadae;
}
}



/* --------------------------------------------- PÁG CATEGORÍA DE PRODUCTO */

.nombre-producto, .desc-producto{
    color:white !important;
}
@media only screen and (max-width: 64em){
.product_layout_classic .product_content_wrapper {
    margin-top: 0px;
}
}
@media only screen and (min-width: 80em){
.woocommerce-tabs .xlarge-6 {
    width: 75%;
}
}


/* --------------------------------------------- PRODUCTOS */
@media only screen and (min-width: 1025px){
	.product_title.entry-title{
    font-size: 50px !important;
}
}
.product_title {
    text-transform: none !important;
    font-family: 'Oswald', sans-serif !important;
    color:#3c3c3b;
}
.tob_bar_shop_right_column.text-right {
    display: none;
}
.product_content_wrapper{
    padding-bottom:0;
}
.woocommerce-tabs > .row:first-child {
    display: none;
}
.woocommerce-tabs{
border-top:none;
}
.single-product .tob_bar_shop {
    margin-top: -20px;
}


.tob_bar_shop.full_header {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}
@media only screen and (min-width: 80em){
.woocommerce-tabs .xlarge-6 {
    width: 83.333%;
}
}



/* --------------------------------------------- PÁGINA DE PRODUCTO */

.product_layout_classic section.related h2{
	text-align:left !important;
	border-bottom: 1px solid #ccc;
}
.single-product .woocommerce-product-details__short-description a{
	font-weight: bold;
	color:#032875;
	text-decoration: underline;
}

@media only screen and (min-width: 63.9375em){
.product_layout_classic .product_content_wrapper {
    padding-bottom: 0;
}
}

@media only screen and (max-width:950px) {
	h1.product_title.entry-title, h1.titulo-pagina {
	font-size: 0.9em !important;
	}
}

/* --------------------------------------------- ÍNDICE DE PÁGINAS PARA SEO */
.sectores {
    border-right: 1px solid #abadae;
}
.numero-sector{
    font-size: 25px !important;
    font-weight: 700 !important;
}
.sectores h3{
}




/* --------------------------------------------- SCROLL TOP BUTTON APAGADO */


#myBtn { 
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 20px; /* Place the button at the bottom of the page */
    right: 30px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: red; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 15px; /* Some padding */
    border-radius: 10px; /* Rounded corners */
}

#myBtn:hover {
    background-color: #555; /* Add a dark-grey background on hover */
}



/* --------------------------------------------- BLOG */

@media screen and (max-width: 1150px) and (min-width: 768px){
.dos-columnas {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}

@media screen and (max-width: 1024px){
body.blog .large-12.columns .blog-post, body.archive .large-12.columns .blog-post {
    padding: 0 10px;
}
}

/* ----------------------------------- PGINAS DE TEXTOS LEGALES --------  */
.tablas {
	width: 100%;
}
th, td {
  padding: 10px;
  text-align: left;
  font-size: 80% !important;
  line-height: 1.15rem !important;
}

/* --------------------------------------------- CONTACT MODULE */

.site-footer-widget-area .p1, .site-footer-widget-area .p2{
	color:#fff !important;
}
.area-mensaje{
    height: 100px !important;
}
.txt-form{
    color:#fff;
}
.aceptacion, .aceptacion a, .aceptacion label {
	color: #fff !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 15px !important;
	font-weight: 300 !important;
}
.aceptacion a:hover{
	color: #8ecdc6 !important;
}
input[type="radio"]:after, .input-radio:after, input[type="checkbox"]:after, .input-checkbox:after{
	border: 1px solid #fff !important;
}
input, .your-message, .wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea, input[type="text"]:focus {
	background:none !important;
    border-color: rgba(255, 255, 255, 1) !important;
}
.form-legal {
	color: #e3e3e3 !important;
	font-family: "Open Sans", sans-serif !important;
	font-size: 0.85em !important;
	line-height: 0.5em !important;
	font-weight: 300 !important;
}
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], textarea, select{
	color:#fff !important;
}

.site-footer-widget-area .row{
	width: 100%;	
}
@media print, screen and (min-width: 64em){
	.site-footer-widget-area .row > .large-3 {
    	width: 100% !important;
	}
}
.site-footer-widget-area .row > .large-3.columns:first-of-type {
	width: 100% !important;
	padding: 3% 5% 0% 3%;
	margin-bottom: 2%;
	background-image: url(http://ribawood.es/wp-content/uploads/2017/02/palets-reciclables-ribawood.jpg?id=128) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
}
.site-footer-widget-area > .row:first-of-type{
	width: 100% !important;	
	max-width: 100% !important;
	padding: 0;
}
@media only screen and (max-width: 768px){
.site-footer-widget-area .vc_row {
    margin-left: 0;
    margin-right: 0;
}
}

/* ---------------------- Código para formulario ContactForm7 a 2 columnas ------------------- */

#responsive-form{
 max-width: 100% /*-- se puede poner ancho preferido en píxeles exactos --*/;
 margin: 0 auto;
        width:100%;
}
.form-row{
 width: 100%;
}
.column-half, .column-full{
 float: left;
 position: relative;
 padding: 0.65rem;
 width:100%;
 -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
 content: "";
 display: table;
 clear: both;
}
 
/**---------------- Ajuste responsive del form a 1 columna ----------------**/
@media only screen and (min-width: 48em) { 
 .column-half{
 width: 50%;
 }
}






@media only screen and (min-width: 768px){
.caja-flecha::before {
    content: '';
    position: absolute;
    z-index: 2;
    border-style: solid;
}
.caja-turquesa::before{
    border-color: transparent transparent transparent #8ecdc6;
    right: -20px;
    top: 46%;
    border-width: 20px 0 20px 25px;
}
.caja-azul::before{
    border-color: transparent transparent transparent #032875;
    right: -20px;
    top: 46%;
    border-width: 20px 0 20px 25px;
}
.flecha-gris-clara::before{
    border-color: transparent transparent transparent #e4e4e4;
    right: -20px;
    top: 46%;
    border-width: 20px 0 20px 25px;
}
.ancho66 .vc_col-sm-8{
    width:66% !important;
}
.flecha-abajo-azul::before{
    border-color: #032875 transparent transparent transparent;
    left: 25px;
    bottom: -40px;
    border-width: 40px 30px 11px 30px;
}
.flecha-abajo-gris::before{
    border-color: #e4e4e4 transparent transparent transparent;
    left: 25px;
    bottom: -40px;
    border-width: 30px 25px 20px 25px;
}
.flecha-abajo-turquesa::before{
    border-color: #8ecdc6 transparent transparent transparent;
    left: 25px;
    bottom: -40px;
    border-width: 40px 30px 11px 30px;
}
.flecha-abajo-grisoscuro::before{
    border-color: #3c3c3b transparent transparent transparent;
    left: 25px;
    bottom: -40px;
    border-width: 40px 30px 11px 30px;
}
}

@media print, screen and (min-width: 64em){
.large-3 {
    width: 33%;
	}
}
@media only screen and (min-width: 1024px){
.caja-gris::before{
    border-color: transparent transparent #3c3c3b transparent;
    top: -20%;
    left: 20px;
    border-width: 35px 30px 35px 30px;
}
}
@media only screen and (max-width: 767px){
.caja-inferior{
    position: relative;
}
.full-width-page {
    margin: 0;
}
.vc_custom_1487069118571{
    padding-top: 3% !important;
    padding-right: 30% !important;
    padding-bottom: 2% !important;
    padding-left: 8% !important;
}
}

@media only screen and (min-width: 63.9375em){
.site-header.sticky .site-branding img {
    height: 60px !important;
}
.site-header.sticky {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
}


@media screen and (min-width: 768px) and (max-width: 1024px) { 
.modulo-productos-home .vc_col-sm-6 {    
	width: 100%;
}
}


@media only screen and (min-width: 768px){
	.large-push-6 {
		position: relative !important;
		left:50% !important;
	}
	.large-pull-6 {
		position: relative !important;
		left:-50% !important;
	}
}
h1.titulo-blog{
	text-align:center !important;
	margin-bottom:30px;
}
@media only screen and (min-width: 40.063em){
.blog .entry-header-page {
    margin-bottom: 50px;
}
}

/* --------------------------------------------- PÁGINA DE BÚSQUEDA */

@media only screen and (min-width: 768px){
.search-results h1{
    font-size: 76.28px !important;
    margin-top: 50px;
	}
	
}