/*
Theme Name: La cocina de Serrats
Theme URI: https://lacocinadeserrats.com/
Author: La cocina de Serrats
Author URI: https://lacocinadeserrats.com/
Description: Child theme for chow
Version: 1.1
License: ThemeForest
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: chow
Text Domain: chow
Domain Path: /languages/
*/


/* Classes
------------------------------------*/

a, a:visited { transition: all 0.2s ease-in-out 0s;}
address{ font-style:normal; line-height: 1.42857; }
strong { color: inherit;}
p.lead{ font-family: 'Droid Serif', serif; font-size:19px; line-height:30px; color:#303030;}
.page article h2, .page article h3 { margin:25px 0;}
.page article li{ margin-bottom:5px; }
.title-alignment{ z-index:1000;}

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

#logo{ margin-top:10px;}
.recipeBackground:before{ opacity: 0.3;}
.uppercase { text-transform: uppercase; }

/* Slider
------------------------------------*/

#homeSlider{ margin-bottom: 60px;}
#homeSlider .details{ display:none;}
.rsSlideTitle { width:600px;}
.rsSlideTitle.button{ width: 130px;}

.rsSlide:before{ background:#000; opacity:0.15;}
#homeSlider .rsTmb{ font-family: 'Droid Serif', serif; /*font-size:13px; */line-height:16px; font-weight:500; color:#605B62; padding:0;}
#homeSlider .rsNavSelected .rsTmb{ color:#fff;}

#homeSlider .rsArrow {
	height: 100%;
	width: 40px;
	position: absolute;
	display: block;
	cursor: pointer;
	z-index: 21;
}


#homeSlider .rsArrowLeft { right: 64px; bottom: 0; }
#homeSlider .rsArrowRight { right: 23px; bottom: 0; }

#homeSlider .rsArrowIcn {
	position: absolute;
	cursor: pointer;
	z-index: 999999;
	background-color: #fff;
	height: 40px;
	width: 40px;
	bottom: 23px;
	right: 0px;
	font-family: "FontAwesome";
	font-size: 16px;
	color: #606060;
	display: inline-block;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

#homeSlider .rsArrowIcn:hover {
	background-color: #000;
	color: #fff;
}

#homeSlider .rsArrowLeft .rsArrowIcn:before {
	top: 9px;
	left: 14px;
	position: relative;
	content: "\f053";
}

#homeSlider .rsArrowRight .rsArrowIcn:before {
	content: "\f054";
	top: 9px;
	left: 15px;
	position: relative;
}

#homeSlider .rsArrowDisabled .rsArrowIcn{
	opacity:0.5;
}
#homeSlider .rsArrowDisabled .rsArrowIcn:hover {
	background-color: #fff;
	color: #606060;
}


#slider-prev, #slider-next{ display:none !important;}

/* Content
------------------------------------*/

#wrapper{ padding-bottom:90px;}

/*-- Posts --*/


.post-content h2, .post-content h3, .post-content h4{ margin-top:20px; margin-bottom:20px;}
.post-content h3.headline{  margin-top:30px; margin-bottom:0px;}
.post-content .post-meta{ margin-top:30px;}
.comment-reply-title{ margin-bottom:20px;}

/*.recipe-box-content{ min-height:226px;}*/

/* ISOTOPE*/

.isotope { height:auto !important}

/* isotope home */

.home .container .four.recipe-box.columns, .page .container .four.recipe-box.columns, .archive .container .four.recipe-box.columns{ position:relative !important; left:0 !important; top:0 !important; display:inline-block; float:none; vertical-align:top; }

/* isotope page */

@media only screen and (min-width: 990px)  {
	
.home .recipe-box:nth-child(3n+3), .archive .recipe-box:nth-child(3n+3) { margin-right:0 !important; }
.home .recipe-box:nth-child(4n+4), .archive .recipe-box:nth-child(3n+3) { clear:both; }

.page .recipe-box:nth-child(4n+4) { margin-right:0 !important; margin-left:8px !important; }
.page .recipe-box:nth-child(5n+5) { clear:both; }

}

@media only screen and (min-width: 768px) and (max-width: 990px) {
	
.home .recipe-box:nth-last-child(odd), .archive .recipe-box:nth-last-child(odd) { margin-right:0 !important; }
.home .recipe-box:nth-child(2n+1), .archive .recipe-box:nth-child(2n+1) { clear:both; }

.page .recipe-box:nth-child(3n+3) { margin-right:0 !important; }
.page .recipe-box:nth-child(4n+4) { clear:both; }

}

.recipe-box a img { height:auto;}
.recipe-box-content h3{ font-family: 'Droid Serif', serif;}
.recipe-box-content h3 a{ color: #000000; }
.recipe-box-content h3 a:hover{ opacity:0.6; }
.recipe-meta { text-transform:none; font-weight:600; float:left; margin-left:0; margin-right:15px;}
.recipe-header h2{ font-family: 'Droid Serif', serif; }

#titlebar h2{ font-size:30px; color:#1a171b;}


/* Concurso de recetas */

.form-recetas{ position:relative; background:url("http://subtlepatterns.com/patterns/linedpaper.png") repeat #F7F7F7; padding:50px 40px 60px 110px; margin:30px 0; color:#333;}
.form-recetas:before, .form-recetas:after {
    background-color: #ffd4d4;
    content: "";
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
}
.form-recetas:before {
    left: 70px;
}
.form-recetas:after {
    left: 74px;
}
.form-recetas h2 { font-family: 'Dancing Script', cursive; color: #333333;  font-size:44px; margin-bottom:60px; letter-spacing:0.3pt; text-align:center;}
.form-recetas h3 { font-family: 'Dancing Script', cursive; color: #ad9865; font-size:30px; margin:25px 0; }
.form-recetas label { font-family: 'Droid Serif', serif; color:#333; font-size:15px;}
.form-recetas .aviso{
	color: #b91a24;
    font-weight: bold;}
.form-recetas .ofertas .wpcf7-list-item{
	margin:0;
}



/* Enlaces */

.linkcat h2{ margin:30px 0; color:#ad9865;}
.linkcat ul{ margin-left:15px;}
.linkcat ul li{ margin-bottom:15px;}
.linkcat ul li:before {
    background-color: #ad9865;
    content: "";
    display: inline-block;
    height: 4px;
    margin-right: 10px;
    vertical-align: middle;
    width: 4px;
}
.linkcat ul li a{ font-family: 'Droid Serif', serif; /* display:block;*/ font-weight:bold; color:#1a171b; }
.linkcat ul li a:hover, .linkcat ul li a:focus{ color:#ad9865; }




/* Sidebar
------------------------------------*/

.banner-tienda{ text-align:center;}
.banner-tienda img{ margin-left:auto; margin-right:auto;}

.envio-receta a{ font-family: 'Dancing Script', cursive; color: #ad9865; font-size: 32px; text-align:center; display:block;}
.envio-receta a:hover{ color: #000;}
.envio-receta img{ margin:15px auto;}

.sidebar .widget_categories ul{ font-family: 'Droid Serif', serif; font-style:italic; }
.sidebar .widget_categories ul li a{ color: #000000; padding: 8px 0; }
.sidebar .widget_categories ul li ul li a{ color: #909090; }
.sidebar .widget .chosen-container .chosen-results li{ padding-left:10px;}

/* Menú categorías */

.sidebar .widget_nav_menu ul{ font-family: 'Droid Serif', serif; font-style:italic; }

.sidebar .widget_nav_menu ul li {
	padding: 0px;
	border-bottom: none
}
.sidebar .widget_nav_menu ul li a {
	color: #000000;
	padding: 8px 0;
	display: block;
	border-bottom: 1px solid #ebebeb;
	overflow:visible;
	-webkit-transition: all 0.2s ease-in-out, box-shadow 0s ease-in-out;
	-moz-transition: all 0.2s ease-in-out, box-shadow 0s ease-in-out;
	-o-transition: all 0.2s ease-in-out, box-shadow 0s ease-in-out;
	-ms-transition: all 0.2s ease-in-out, box-shadow 0s ease-in-out;
	transition: all 0.2s ease-in-out, box-shadow 0s ease-in-out;
}

.sidebar .widget_nav_menu ul li ul li a{ color: #909090; border-bottom:0; }

.sidebar .widget_nav_menu ul li:last-child a { border-bottom: none; }

.sidebar .widget_nav_menu  ul li a:hover {
	background-color: #808080;
	padding-left: 15px;
	
	-webkit-box-shadow: 0px -1px 0px 0px #fff;
	-moz-box-shadow:    0px -1px 0px 0px #fff;
	box-shadow:         0px -1px 0px 0px #fff;
	border-bottom-color: #fff;
}
.sidebar .widget.widget_nav_menu  ul li a:hover { color: #fff; }

.sidebar .widget_nav_menu  ul li a span {
	color: #808080;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.sidebar .widget_nav_menu  ul li a:hover span { color: #fff; }




/* Footer
------------------------------------*/

#footer{ background: #221e24; color:#747474; padding-top:60px;}
#footer-bottom{ background: #000000;}

#footer a{ color:#747474;}
#footer .headline{ background:none; margin-bottom:20px; color: #ad9865; font-weight:normal; line-height: normal;}
#footer .line{ display:none;}
#footer .logo{ display:block; margin-bottom:35px;}
#footer address{ margin-bottom:20px; margin-left:20px;}
#footer address a{ color: #ad9865; margin-top:10px;}
#footer .social-links li{ display: inline-block; padding:0 5px;}
#footer .social-links .fa{ font-size:20px; }
#footer .widget .contacto-footer li { margin-bottom:2px;}
#footer .widget .contacto-footer li a { margin:0; padding:0;}
#footer .sellos-calidad {display: flex; align-items: center; padding-left:20px;} 
#footer .sellos-calidad img { display: inline-block; margin-right: 10px;}

/* Forms
------------------------------------*/

input[type="text"], input[type="password"], input[type="url"], input[type="phone"], input[type="number"], input[type="email"], textarea, select{ font-weight:normal; padding: 10px; color: #5f5f5f;}
.mostrar{ display:block; }
.ocultar{ display:none; }
#aviso_legal{ font-size:12px; margin-bottom:15px; color:#989898;}
#aviso_legal p{ line-height: 18px; margin-bottom: 10px;}
span.wpcf7-not-valid-tip{ display:block; }

/* Error 404
------------------------------------*/

.error404 .container h1{ line-height:38px; margin-bottom:20px;}

.error404 .widget h2{ margin:20px 0; font-size:20px;}
.error404 .search, .error404 .chosen-container{ max-width:250px;}
.error404 ul li{ margin-bottom:5px;}
.error404 ul li ul{ margin-left:20px; margin-top:5px;}
.error404 .widget li a{ color:#808080;}
.error404 .widget.widget_categories li a:hover{ background:none;}


/* Plugings
------------------------------------*/

/*-- Twitter --*/

.widget-easy-twitter-feed-widget-kamn .row{ margin-bottom:0;}

.latest-tweets{ font-size:12px; color: #cfcfcf; padding-right:10px;}
#footer .widget .latest-tweets a{ padding:0;}
#footer .widget .latest-tweets .tweet-text a{  color: #ad9865;}
p.tweet-text{ margin-bottom:5px; line-height:16px;}

/*-- Facebook --*/

#likeboxwrap{ width:98% !important;}
#likebox-frame iframe{ width:auto !important;}

/*-- WP - Ratings --*/

.post-ratings{ color:#AAAAAA;}
.post-ratings IMG, .post-ratings-loading IMG, .post-ratings-image IMG { display:inline-block;}

/* Custom
------------------------------------*/
#advanced-search .select {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}
.search-by-keyword {
	margin-right: 0;
	margin-left: 0;	
}

/* Sidebar form
------------------------------------*/
#form-newsletter {
	position: relative;
	display: block;
	width: 100%;
	background-color: #ad9865;
	padding: 16px 12px;
	box-sizing: border-box;
}
#form-newsletter:before { content: ''; display: table; }
#form-newsletter:after { content: ''; display: table; clear: both; }
#form-newsletter p {
	padding: 10px 0;
	text-align: center;
	color: #fff;
	font-family: 'Droid Serif', serif;
	font-size: 18px;
	font-style: italic;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;	
}
#form-newsletter .check {
	font-size: 12px;
}
#form-newsletter strong {
	text-transform: uppercase;
}
#form-newsletter input {
	box-sizing: border-box;
	font-size: 14px;
	line-height: 14px;
	border-radius: 6px;
	padding-top: 9px;
	padding-bottom: 9px;	
}
#form-newsletter input[type="submit"] {
	width: 100%;
	background-color: #000;
	color: #fff;
	font-family: 'Droid Serif', serif;
	font-style: italic;
	letter-spacing: 1px;
	text-transform: none;
	margin-top: 11px;
	padding-right: 0;
	padding-left: 0;
}
div.wpcf7 img.ajax-loader { display: none; }

/* Fix isotope after search
------------------------------------*/
@media (min-width: 768px) and (max-width: 990px) {
	.container .full-grid .four.recipe-box.columns:nth-child(3n+1) {
		clear: left;
	}
}
@media (min-width: 991px)  {
	.container .full-grid .four.recipe-box.columns:nth-child(4n+1) {
		clear: left;
	}
}




/* Sidebar Captcha
------------------------------------*/
.cf7sr-g-recaptcha div {
	transform:scale(0.962)!important;-webkit-transform:scale(0.962)!important;
	transform-origin:0 0!important;-webkit-transform-origin:0 0!important;
}

@media screen and (max-width: 1390px){
	.cf7sr-g-recaptcha div {
		transform:scale(0.852)!important;-webkit-transform:scale(0.852)!important;
		transform-origin:0 0!important;-webkit-transform-origin:0 0!important;
	}
}
@media screen and (max-width: 991px){
	.cf7sr-g-recaptcha div {
		transform:scale(0.754)!important;-webkit-transform:scale(0.754)!important;
		transform-origin:0 0!important;-webkit-transform-origin:0 0!important;
	}
}
@media screen and (max-width: 767px){
	.cf7sr-g-recaptcha div {
		transform:scale(1.18)!important;-webkit-transform:scale(1.18)!important;
		transform-origin:0 0!important;-webkit-transform-origin:0 0!important;
	}
}
@media screen and (max-width: 480px){
	.cf7sr-g-recaptcha div {
		transform:scale(0.996)!important;-webkit-transform:scale(0.996)!important;
		transform-origin:0 0!important;-webkit-transform-origin:0 0!important;
	}
}
 

/* Responsive
------------------------------------*/

@media only screen and (min-width: 960px)  {
	
	/*-- Slider home --*/
	
	#homeSlider{ height: 490px;}
	#homeSlider .rsSlideTitle.title a{ font-size:50px; line-height:54px;}
}
@media only screen and (max-width: 767px) {

	/*-- Slider home --*/
	
	.rsSlideTitle { width:100%;}
	
	/*-- Formulario recetas --*/

	.form-recetas{ padding-left:60px;}
	.form-recetas:after{ left: 34px;}
	.form-recetas:before { left: 30px;}
	
	/*-- Posts --*/
	
	.post-content img.alignleft, .post-content img.alignright{ float:none; margin:25px auto;}
}

@media only screen and (max-width: 600px) {

	/*-- Slider home --*/
	
	.rsSlideTitle { width:100%;}
	.rsSlideTitle.title a{ font-size:38px; line-height:40px;}
}

@media only screen and (max-width: 480px) {

	/*-- Slider home --*/
	
	.rsSlideTitle { width:100%;}
	.rsSlideTitle.title a{ font-size:24px; line-height:30px;}
}


/* Categoría - Nutrición y Salud
------------------------------------*/
.nutri-banner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    text-align: center;
}
.nutri-banner__col {
    box-sizing: border-box;
    flex-basis: 100%;
    max-width: 100%;
    flex-shrink: 0;
    flex-grow: 0;
}
.nutri-banner__pic {
    margin-bottom: 15px;
}
.nutri-banner__pic img {
    margin-right: auto;
    margin-left: auto;
}
.nutri-banner__content {
    background-color: #f9f9fb;
    padding: 36px;
    border-radius: 4px;
}
.nutri-banner__content p:last-child { margin-bottom: 0; }
.nutri-banner h3 span {
    font-weight: 400;
}
.nutri-banner h2 {
    color: #ad9865;
    font-size: 35px;
    margin-bottom: 0.5rem;
}
.nutri-banner__h31  {
    font-style: italic;
    font-size: 25px;
    margin-bottom: 0.5rem;
}
.nutri-banner__h32 {
    font-weight: bold;
}
.nutri-banner h4 {
    margin-bottom: 1.5rem;
}
@media (min-width: 1390px) {
    .nutri-banner__pic {
        flex-basis: 40%;
        max-width: 40%;
        margin-bottom: 0;
    }
    .nutri-banner__content {
        flex-basis: 58%;
        max-width: 58%;
        margin-left: 2%;
    }    
}

/* Menú superior: fix por introducir la categoría nutrición
------------------------------------*/
.menu ul li:first-child {
    margin-left: 0;
}
@media (min-width:991px) and (max-width: 1389px) {
    #navigation .menu > li > a, #navigation ul li a {
        font-size: 15px !important;
    }
    .menu ul > li > a {
        padding-right: 4px;
        padding-left: 4px;
    }
}

/* Ribbon
------------------------------------*/
.category-ribbon-c {
    position: relative;
}
.category-ribbon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    z-index: 1;
    bottom: 6px;
    left: -8px;
    height: 40px;
    background-color: #221e24;
    color: #fff;
    pointer-events: none;
}
.category-ribbon:before, .category-ribbon:after {
    content: '';
    position: absolute;
}
.category-ribbon:before {
    height: 0;
    width: 0;
    border-bottom: 8px solid #000;
    border-left: 8px solid transparent;
    top: -8px;
}
.category-ribbon:after {
    height: 0;
    width: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 15px solid #221e24;
    right: -15px;
}
.category-ribbon span {
    font-family: 'Droid Serif', serif;
    font-weight: 600;
    padding: 0 15px;
}
.cookies-table th{
	color:#000;
	background-color: #eeee;
    border: 1px solid #dedede;
	border-top: 2px solid;
}
.cookies-table td{
	border: 1px solid #dedede;
}
.cookies-table.uno td:last-child{
	width: 150px;
}