/*
Theme Name: Gastroactitud
Theme URI: http://www.gastroactitud.com
Version: 1.0
Description: Custom theme for Gastroactitud.com
Author: Manzana Web
Author URI: http://www.manzanaweb.com
template: bb-theme
Text Domain: gastro
*/

body {color: #333}

img, object, video {max-width: 100%; height: auto}
.fl-row-fixed-width {max-width: 1250px}
.fl-page .fl-page-bar {border-bottom: 0; height: 0}
.logo-foodies-club {margin-top: 35px}
.fl-page-nav-bottom {text-align: center}
.fl-page-nav-bottom ul.nav {float: none}
.fl-page-nav-bottom ul.nav > li {display: inline-block;	float: none}
.fl-page-nav-bottom ul.sub-menu {text-align: left}
.fl-page-nav .navbar-nav > li.ss-nav-button {padding: 10px}
.fl-page-nav .navbar-nav > li.ss-nav-button > a {background-color: #2d0b00; color: #fff; padding: 5px 18px !important; border-radius: 5px}
.fl-page-header-fixed .fl-page-nav .navbar-nav > li.ss-nav-button {padding: 10px 0px 0px 0px; margin-right: 5px}
.fl-page-header-fixed .fl-page-nav .navbar-nav > li.ss-nav-button > a {position: relative; bottom: 0px}
.fl-page-nav .navbar-nav > li.ss-nav-button > a:active, .fl-page-nav .navbar-nav > li.ss-nav-button > a:hover {color: #fff; background-color:rgba(47, 12, 0, 0.72)}
.fl-page-footer-widgets .widget_media_image {margin-bottom: 15px}
@media (min-width: 769px) { #nav_menu-3, #nav_menu-4 {float: left; margin-right: 50px} }
#menu-topbar-derecha li { z-index: 99999; }

/*--------------------------------------------------------------
== Form Style
--------------------------------------------------------------*/
[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local],
[type=month], [type=week], [type=email], [type=number], [type=search], [type=tel],
[type=time], [type=url], [type=color], select, textarea,
input[type="submit"], input[type="reset"], button {
	padding: 0 10px;
	height: 35px;
	max-width: 100%;
	line-height: 33px;
	font-weight: normal;
	margin-bottom: 10px;
	border: 1px solid #bbb;
	border-radius: 3px;
	outline: none!important
}

input[type="checkbox"], input[type="radio"] {
	display: inline-block;
}

input[type="checkbox"]+label, input[type="radio"]+label {display: inline-block;}

.btn.base {color: #fff; background-color: #2d0b00}


/*--------------------------------------------------------------
== Helpful Style
--------------------------------------------------------------*/
[class*="gap-"] {clear: both; height: 5px}
.gap-10 {height: 10px}
.gap-15 {height: 15px}
.gap-20 {height: 20px}
.gap-25 {height: 25px}
.gap-30 {height: 30px}
.gap-35 {height: 35px}
.gap-40 {height: 40px}
.gap-50 {height: 50px}
.gap-60 {height: 60px}
.gap-70 {height: 70px}
.page-header {margin: 0 0 20px 0; border: none}
.page-header h1 {margin: 0; line-height: 1.2}
.section-title {font-size: 22px; text-transform: uppercase;}
.clear {clear: both}
hr {clear: both; border-color: #bbb}
hr.white {border-color: #bbb; margin: 10px 0}

.box {padding: 0px; font-size: 22px}
.box.light {background-color: transparent; padding: 0px}


.space-50 {margin: 25px 0}

.score {
	color: #333;
	width: 85px;
	height: 85px;
	font-size: 10px;
	text-align: center;
	overflow: hidden;
	line-height: 1.4;
	padding-top: 22px;
	background-color: #CECEBF;
	border-radius: 50%;
}

.score.valuation-new {color: #fff; background-color: #660000}

.score span {
	color: #fff;
	display: block;
	font-size: 20px;
	font-weight: bold;
}

/*--------------------------------------------------------------
== Search Filter Style
--------------------------------------------------------------*/
.searchandfilter > ul {padding-left: 0}

.searchandfilter label {display: block}
.searchandfilter select {width: 100%}

.searchandfilter ul li {padding: 0; margin-bottom: 5px}
.searchandfilter h4 {padding: 0; font-family: "Open Sans"; margin-bottom: 3px; font-size: inherit}


form.searchandfilter ul {padding-left: 0}

.searchandfilter ul li li {margin-bottom: 0}

.searchandfilter ul:after {content: ""; display: block; clear: both; height: 0}

.searchandfilter >ul {margin: 0 -8px;}

.searchandfilter >ul>li {float: left; width: 32%; padding: 0 8px!important}

.searchandfilter >ul>li[data-sf-field-input-type="checkbox"] {clear: both; width: auto}
.searchandfilter >ul>li[data-sf-field-input-type="checkbox"] > ul>li {
	display: inline-block;
	margin-right: 25px;
}

.ga-filter {font-size: 15px; text-align: right; margin-bottom: 15px; border-bottom: 1px solid #bbb}
.ga-filter.filter-initial  {text-align: center; font-size: 13px}
.ga-filter a {display: inline-block; padding: 2px 5px; margin-right: 15px}
.ga-filter a:last-child {margin-right: 0}
.filter-initial a {padding: 2px 4px; display: inline-block; margin-right: 10px; text-decoration: none!important}

/*--------------------------------------------------------------
== Article Styles
--------------------------------------------------------------*/
article.posts {display: flex; align-items: flex-start; margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #bbb}
article.posts:after {content: ""; display: block; height: 0; clear: both}
article.posts > *:not(.featured-object) {flex:1}
article.posts .featured-object {width: 260px; margin-right: 30px; position: relative; text-align: center;}
article.posts .featured-object > img {width: 100%}
article.posts a.feature-img {display: block; position: relative}
article.posts a.feature-img.round {overflow: hidden; border-radius: 50%}
article.posts a.feature-img.completed:after, .exp-featured.completed:after {content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(images/stamp-completo.png) no-repeat center}
article.posts a.feature-img img {width: 100%}
article.posts .featured-object .score, article.posts .featured-object .tag {position: absolute; right: -10px; bottom: -10px}
article.posts .featured-object .tag {right: -15px; bottom: -15px}
article.posts .featured-object .appreciation {width: 65px; height: 65px; font-size: 9px; padding-top: 22px; position: absolute; top: 0; right: 0}
article.posts .featured-object .appreciation i {font-size: 12px}

article.posts .overlay-info {color: #fff; padding: 15px; text-align: left; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; visibility: hidden; background-color: rgba(0,0,0,0.7); transition: all 0.2s}
article.posts .overlay-info h2.title{font-size: 16px;}
article.posts .featured-object:hover .overlay-info {opacity: 1; visibility: visible}
article.posts .overlay-info .meta-info {color: inherit; padding: 15px; position: absolute; left: 0; right: 0; bottom: 0}
article.posts .overlay-info .meta-info .total-views {
	background-image: url(/wp-content/themes/gastroactitud/images/img-vistas-gris.png);
    background-position: left;
    background-repeat: no-repeat;
    padding-left: 35px;
    padding-top: 3px;
    }
article.posts .overlay-info a {color: #fff}

article.posts .heading {margin-bottom: 10px}
article.posts .post-title {font-size: 22px; margin: 0}
article.posts .read-more:before {margin-right: 5px}
article.posts .post-footer a {margin-right: 15px}

article.gastro {display: block; padding: 0; border: 1px solid #dbdbdb;}
article.gastro .featured-object {width: auto!important; margin: 0!important; line-height: 1.5!important}
article.gastro .entry-content {padding: 15px; font-size: 12px}
article.gastro .post-header {margin-bottom: 10px}
article.gastro h2.title {font-size: 18px; margin: 0; line-height: 1.1}
article.gastro .meta-info {color: #8a8a8a; font-size: 11px}

article.restaurant .featured-object {width: 330px}
article.restaurant a.feature-img img {border-radius: 15px}

article.cooker {align-items: center}
article.cooker .featured-object {width: 180px}

article.bar {align-items: center}
article.bar .featured-object {line-height: 180px}
article.bar a.feature-img img {width: auto; max-height: 180px}

article.track {display: block}
article.track .featured-object {width: auto; margin: 0 0 15px}

.home .type-recipe .fl-post-grid-more::after {
    content: "RECETAS";
    margin-left: 30px;
}

.home .type-track .fl-post-grid-more::after {
    content: "NOTICIAS";
    margin-left: 30px;
}

.home .type-restaurant .fl-post-grid-more::after {
    content: "RESTAURANTES";
    margin-left: 30px;
}

.home .type-bar .fl-post-grid-more::after {
    content: "EL BAR";
    margin-left: 30px;
}
.home .type-experience .fl-post-grid-more::after {
    content: "EXPERIENCIAS";
    margin-left: 30px;
}
.home .type-cooker .fl-post-grid-more::after {
    content: "COCINEROS";
    margin-left: 30px;
}




/*--------------------------------------------------------------
== Content Style
--------------------------------------------------------------*/
#map-restaurante {height: 200px}
.featured-single {margin-bottom: 20px}
.featured-single img {width: 100%}

.rest-info {font-size: 14px; margin: 10px 0; padding: 8px 15px; background-color: #eee}
.rest-info a {color: #B25900; font-style: italic; font-weight: bold}

.brief { font-size: 20px; margin-bottom: 20px; font-family: 'Raleway'}
.contact-info {color: #fff; padding: 20px; background-color: #666}
.contact-info a {color: inherit}

.rest-meta {display: flex; margin: 0 -20px}
.rest-meta > div {width: 50%; padding: 0 20px}
.rest-meta > div + div {border-left: 1px solid #bbb}

#ficha-more {display: none}

.author-info {
	margin: 15px 0;
	font-size: 18px;
	padding-bottom: 15px;
	display: flex;
	align-items: center;
	font-family: "EB Garamond",serif;
	border-bottom: 1px solid #bbb
}

.author-info .ga-avatar {width: 85px; height: auto; margin-right: 20px; border-radius: 50%}

.author-info .author, .author-info .author-twitter {margin-right: 25px}

.author-info .score {margin-left: auto;}

.ga-profile {margin: 20px 0; padding: 15px 0; border-width: 1px 0; border-style: solid; border-color: #bbb}
.ga-profile:after {content: ""; display: block; clear: both; height: 0}
.ga-profile > * {display: table-cell; vertical-align: middle}
.ga-profile .avatar {width: 180px; height: 180px; overflow: hidden; border-radius: 50%}
.ga-profile .avatar img {width: 100%}
.ga-profile .avatar+.summery {padding-left: 20px}
.ga-profile .summery h3 {margin: 0; font-family: "Open Sans"}

ul.recipe-meta {list-style: none; padding: 0; margin: 10px 0; display: table; width: 100%}
ul.recipe-meta > li {display: table-cell; vertical-align: middle;}
ul.recipe-meta > li:before {vertical-align: middle; margin-right: 10px}

.content-box .box-ingredients {padding: 0 15px; float: right; width: 280px; margin-left: 20px}

.content-box .ingredients+.post-content {width: calc(100% - 300px)}

ul.ingredients {margin: 0; padding: 15px; list-style: none; background-color: #eee}
ul.ingredients > li {margin-bottom: 15px}

#gallery {margin-bottom: 30px}

#gallery .owl-prev, #gallery .owl-next {
	color: #fff;
	position: absolute;
	top: 50%;
	margin-top: -15px;
	font-size: 30px;
	opacity: 0.5
}

#gallery .owl-prev {left: 20px}
#gallery .owl-next {right: 20px}

.box-mentions {
	font-size: 15px;
	margin: 15px 0;
	background-color: #eee
}


.review-submit {
	color: #fff;
	padding: 15px;
	font-size: 22px;
	margin-bottom: 10px;
	font-family: "EB Garamond", serif;
	background-color: #532A1C
}

.review-submit:after {content: ""; display: block; clear: both; height: 0}

.review-submit a {color: inherit}

.review-submit .review-btn {
	color: #464637;
	float: right;
	font-size: 14px;
	text-transform: uppercase;
	padding: 5px 10px;
	font-weight: bold;
/*	display: inline-block; */
	text-decoration: none;
	font-family: 'Open Sans', "Arial", sans-serif;
	background-color: #fff;
}

.box-mentions .title {
	margin: 0;
	padding: 15px;
	font-size: 18px;
	border-bottom: 1px solid #fff;
}

.box-mentions .box-inner {padding: 15px;}

ul.terms-icon {
	margin: 0;
	list-style: none;
	padding: 0;
	text-align: center;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
}

ul.terms-icon > li {
	width: 16.66666%;
	margin-bottom: 30px;
}

ul.terms-icon > li:nth-child(6n+1) {clear: left}

.term-icon {text-align: center; display: inline-block; min-width: 100px; text-decoration: none!important}

.term-icon span.title {display: block}

.term-icon [class*="gicon"]+span.title {border-top: 1px solid #333}


.bar-meta-info {display: flex; flex-flow: row wrap;}
.bar-meta-info > * {margin-right: 30px}
.bar-meta-info > *:last-child {margin-right: 0}
.bar-meta-info .bar-image {width: 300px; margin-bottom:30px}

.bar-meta-info .bar-metas {flex: 1}

dl.bar-metas {padding-left: 15px; border-left: 1px solid #79796A}
dl.bar-metas:after {content: ""; display: block; height: 0; clear: both}
dl.bar-metas > dt, dl.bar-metas > dd {float: left; margin-bottom: 10px}
dl.bar-metas > dt {margin-right: 10px; clear: left}
dl.bar-metas > dt:after {content: ":"}
dl.bar-metas > dd {clear: right}

.appreciation {width: 85px; height: 85px; font-size: 10px; background-color: #CECEBF;
	text-align: center;
	overflow: hidden;
	line-height: 1.3;
	padding-top: 25px;
	border-radius: 50%;
}

.appreciation i {color: #fff; font-size: 20px; display: block; font-weight: bold; font-style: normal}

.pvp-price {
	text-align: right;
	margin-bottom: 25px;
	line-height: 2;
	border-bottom: 1px solid #bbb
}

.pvp-price .gicon-tag {vertical-align: middle}

.meta-realization {color: #0085B2; font-size: 14px}

.exp-heading {display: flex;}

.exp-heading .featured-single {
	width: 250px;
	margin-right: 30px;
}

.exp-heading > *:not(.featured-single) {flex: 1}

.exp-heading .page-title {margin: 0}
.exp-featured {position: relative}

.exp-heading .meta-realization {color: #C90624; font-size: 20px}
.exp-price.dark {color: #fff; padding: 2px 10px 2px 3px; display: inline-block; background-color: #333}

.exp-content {
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px solid #bbb
}

.exp-content .section-title {font-size: 20px; margin: 0}

.fl-comments {clear: both}

table.gareview {width: 100%}

table.gareview thead th {font-weight: bold}

table.gareview th, table.gareview td {
	padding: 12px;
	font-weight: normal
}

table.gareview tr th:first-child, table.gareview tr td:first-child {padding-left: 20px}
table.gareview tr th:last-child, table.gareview tr td:last-child {text-align: right}
table.form-review tr th:last-child, table.form-review tr td:last-child {width: 250px}

table.gareview tbody {
	background-color: #eee
}

table.gareview tbody tr {
	border-bottom: 1px solid #fff
}

table.gareview select {margin-bottom: 0}

.form-action {
	margin-top: 30px;
	text-align: right;
}

.reviews {text-align: center; margin-bottom: 20px}

.review-author {
	font-size: 18px;
	padding-right: 35px;
	width: 100%;
	text-align: left;
	margin: 0 15px 10px;
	display: inline-block;
	position: relative;
	font-family: "EB Garamond";
	cursor: pointer;
}

.review-author .ga-avatar {
	width: 80px;
	height: auto;
	border:1px solid #bbb;
	border-radius: 50%
}

.review-author .review-socre {
	color: #fff;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	background-color: #CECEBF;
	border-radius: 50%
}

.review-author .review-socre {position: absolute; top: 0; left: 80px}

.review-author .date {font-size: 85%}

.review-success {
	color: #fff;
	font-size: 20px;
	text-align: center;
	padding: 10px 20px;
	background-color: #46b8da
}

.fl-comment-form textarea.form-control {
	height: 80px;
}

/*--------------------------------------------------------------
== Top 10 counter
--------------------------------------------------------------*/
.tptn_posts_widget ul li {
	position: relative;
    height: 40px;
    border-top: 1px solid #DDD;
    padding: 5px 0;
    font-size: 12px;
}

.tptn_posts_widget ul a {
	margin-left: 55px;
    position: absolute;
}

.tptn_posts_widget ul span.tptn_list_count {
	padding-top: 17px;
    background-image: url(/wp-content/themes/gastroactitud/images/img-vistas-gris.png);
    background-position: top;
    background-repeat: no-repeat;
    width: 50px;
        text-align: center;
    position: absolute;
    left: 0;
    top: 5px;
}

/*--------------------------------------------------------------
== Buddypress
--------------------------------------------------------------*/

#buddypress table.profile-fields tr td {
	background: #f5f5f5;
    color: #707070;
}

li.logged-in-menu  {
	display: none;
}

body.logged-in li.logged-in-menu  {
    display: inline-block;
}

body.logged-in li.logged-out-menu  {
    display: none;
}

.bp-user .fl-post-header { display:none; }

.home .fl-archive-nav {
display:none;
}

.fl-module-sidebar .banner_caption {
position: relative !important;
text-shadow: none !important;
}

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

@media (max-width: 768px) {
	.fl-page-header-logo {margin-top: 60px}
	.fl-page-header-content {display: none}
	img {height: auto !important}
}
@media (min-width: 992px) {
	.fl-page-header-fixed .navbar-nav a {font-size: smaller}
	.fl-page-nav-right .fl-page-nav ul.navbar-nav > li {padding-top: 5px}
}



p.add_to_cart_inline {
	margin-top:20px;
	text-align:center;
}

.add_to_cart_inline span {
	margin-right: 10px;
}

.add_to_cart_inline a.button {
	background-color: #521B00;
	color: #ffffff;
}

.fl-page-nav-right.fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a, .fl-page-header-fixed .fl-page-nav-wrap .navbar-nav>li>a {
	padding-left: 13px;
	padding-right: 13px;
}

body:not(.single-experience) #respond .fl-comment-form {display: none}

body:not(.single-experience) #reply-title {cursor: pointer}

.about-author {
	text-align: center; 
	margin-top: 30px;
	padding: 15px 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #bbb;
	min-height: 125px;
}
.about-author img.avatar {border: 1px solid #bbb; padding: 8px; border-radius: 300px; margin-bottom: 5px; max-width: 90px; float: left;}
.about-author p.author {font-weight: bold; font-size: 1.4em; margin-bottom: 0; 
	text-align: left;
	margin-left: 110px;
	margin-top: 10px;
}
.about-author .author-description {margin-top: 5px;
	text-align: left;
	margin-left: 110px;
}
.about-author > *:last-child {margin-bottom: 0;}


article.posts.restaurant .post-title a {color: #B25900;}
.rest-info {padding: 0; background-color: transparent;}

.rest-meta div p:last-child {margin-bottom: 0;}

.bp-user .fl-post-header { display:none; }

.home .fl-archive-nav {
display:none;
}

.fl-sidebar-right .banner_caption {
position: relative !important;
text-shadow: none !important;
}

#buscador-cabecera {
	display: none;
}

@media (max-width: 768px) {
	#buscador-cabecera {
	display: block;
	width: 60%;
  margin: auto;
}
	
	.searchandfilter>ul>li {
    float: none;
   	width: 100%
	}
	
	article.posts.restaurant {
		display: block;
	}
	article.restaurant .featured-object {
		width: 100%;
		margin-bottom: 20px;
	}
	.content-box .box-ingredients {
		padding: 0; 
    float: none;
    width: auto; 
    margin-left: 0px; 
	}
	
	article p img.alignleft,
	article p img.alignright {
		width: 100%;
		height: auto;
	}
}

/* Changes feb 2021 */



.fl-theme-builder-header-shrink .iconos-cabecera {
	display:none;
}
.fl-theme-builder-header-shrink {
  border-bottom: 3px solid #551500;
	}

#reply-title::after {
    content: "\21A9";
}

li.ss-nav-button > a {
    background-color: #970939;
    color: #fff !important;
    padding: 5px 10px !important;
		border-radius: 5px;
		margin-left: 10px;
}

@media screen and (max-width: 767px) {
	.author-info {flex-wrap: wrap;}
}

@media screen and (max-width: 576px) {
	.author-info {text-align: center; display: block;}
	.author-info .post-date {display: block; margin-top: 10px; margin-bottom: 10px;}
	.author-info .author {display: block; text-align: center; margin: 0 0 10px}
	.author-info .ga-avatar {margin: 0 auto 10px}
	.author-info .score {margin: 0 auto}
}

.fl-module-sidebar .banner {
	width: 205px;
	margin: auto;
}

.banner-pie {
	padding-top: 20px;
}

.banner .custom_banners_big_link {
	z-index: 9 !important;
}

.contenido-relacionado img {
	min-height: 70px;
} 


.contenido-relacionado a.fl-post-grid-title {
	display: block;
	color: #000
}