/**
Theme Name: Rechupete
Author: Recetas de rechupete
Author URI: https://www.recetasderechupete.com/
Description: Version personalizada de Astra
Version: 2.36.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rechupete
Template: astra
*/

/*TEMPORARY FIX*/
.wp-block-image img {height:auto !important;}
@media (max-width: 921px) {#ast-desktop-header {display: none;}}

:root {
	--rdr-radius:5px;
	--accesible-text-color:#DA3843;
	--main-soft-color:rgb(244,74,74,.4);
	--main-subtle-color:rgb(244,74,74,.1);
	--shadow-color:rgb(5,50,80,.07);
	--shadow-subtle: 0 6px 12px var(--shadow-color);
	--shadow-big: 0 1px 2px var(--shadow-color), 0 2px 4px var(--shadow-color), 0 4px 8px var(--shadow-color), 0 8px 16px  var(--shadow-color), 0 16px 32px var(--shadow-color), 0 32px 64px var(--shadow-color);
	--shadow-bevel: 0px 1px 1px 0px var(--shadow-color);
}


/*GLOBALES*/
h1, h2, h3, h4, h5, h6, caption, figcaption {text-wrap:balance;}
hr.rechu-sep, hr.wp-block-separator{
    background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 24'%3E%3Cpath d='M26.5 12c0-.17.02-.33.03-.5H0v1h26.53c0-.17-.03-.33-.03-.5ZM53.47 11.5c0 .17.03.33.03.5s-.02.33-.03.5H80v-1H53.47ZM40 1c6.07 0 11 4.93 11 11s-4.93 11-11 11-11-4.93-11-11S33.93 1 40 1m0-1c-6.63 0-12 5.37-12 12s5.37 12 12 12 12-5.37 12-12S46.63 0 40 0Z' style='fill:%23f44a4a'/%3E%3Cpath d='M46.86 12.58c-.51 2.87-3.02 5.05-6.04 5.05s-5.27-1.97-5.95-4.62' style='fill:none%3Bstroke:%23f44a4a%3Bstroke-miterlimit:10'/%3E%3Cpath d='M35.67 11.14c-.04 1.5-1.12 2.42-2.97 2.45' style='fill:none%3Bstroke:%23f44a4a%3Bstroke-miterlimit:10'/%3E%3Cpath d='M41.72 13.42c-.37-.76-.09-1.69.65-2.12s1.69-.2 2.16.49l1.7 2.94-2.65 2.17-1.86-3.49Z' style='fill:%23f44a4a'/%3E%3C/svg%3E") no-repeat center;
    height: 28px !important;
	border:none !important;
    display: block;
}
.top-space {margin-top:1.5em !important;}
.card {background: #FFF; border-radius: var(--rdr-radius); box-shadow: var(--shadow-subtle);}
.rechu-pattern1 {background-image: url(img/patterns_rdr1.png);color: #FFF;}
.rechu-pattern2 {background-image: url(img/patterns_rdr2.png);}
ul.wp-block-post-template{padding-left: 0 !important;}
@media (max-width: 921px) {
	body .is-layout-flow > * + * {margin-block-start: 10px;}
	body .is-layout-flex { gap: 0; }
}
.wp-block-media-text {gap: 1em;line-height: 120%;}
/*.wp-block-embed iframe {aspect-ratio: 16/9;max-width: 100%;height: auto; }*/

/*CONTENT-VISIBILITY*/
.rp4wp-related-posts,.ast-single-author-box,.comments-area,.secondary,.site-footer {content-visibility: auto;}
@media (max-width:921px){
	.rp4wp-related-posts {contain-intrinsic-size: 704px;}
	.ast-single-author-box {contain-intrinsic-size: 415px;}
	.comments-area  {contain-intrinsic-size: 1000px;}
	.secondary {contain-intrinsic-size: 1050px;}
	.site-footer {contain-intrinsic-size: 2230px;}
}
@media (min-width:922px){
	.rp4wp-related-posts {contain-intrinsic-size: 312px;}
	.ast-single-author-box {contain-intrinsic-size: 230px;}
	.comments-area  {contain-intrinsic-size: 1000px;}
	.secondary {contain-intrinsic-size: 10000px;}
	.site-footer {contain-intrinsic-size: 682px;}
}


/*HOME*/
.ast-single-post .entry-content h2 a,.ast-single-post .entry-content h3 a,.ast-single-post .entry-content h4 a {color:var(--ast-global-color-0)!important;text-decoration-color: var(--main-soft-color);text-decoration-thickness: 1px;text-underline-offset: 2px;}
.home-categories h3, .home-categories h4 {text-transform: uppercase;font-size: 16px;} 
.home-categories p {margin-block-start: 5px !important;} 


/*CABECERA*/
/*.site-header .google-auto-placed {display:none !important;width: 0 !important;height: 0 !important;overflow: hidden !important;line-height: 0pt !important;white-space: nowrap;}*/
.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar {padding-left: 0 !important;padding-right: 0 !important;}
.ast-header-break-point .main-header-menu,.ast-header-break-point .ast-mobile-header-wrap .ast-flex.inline-on-mobile {border-top-width: 0 !important;}
@media (max-width: 921px) {
	#secondary_menu-site-navigation-mobile ul.main-header-menu {overflow-x: scroll; width: 100vw;}
	#secondary_menu-site-navigation-mobile ul.main-header-menu li a {white-space: nowrap;}
}

/*NAV*/
.menusubtitle a.menu-link {border-top: var(--ast-global-color-0) solid 2px !important;border-bottom: none !important;color: var(--accesible-text-color) !important;text-transform: uppercase;font-size: .9em;background-color: var(--ast-global-color-4)}

/*BREADCRUMBS*/
.ast-breadcrumbs-wrapper {font-size:12px;padding:1em;line-height: 110%;}
@media (min-width: 922px) {
	.ast-breadcrumbs-wrapper {text-align:center;}
}

/*SOCIAL SHARE*/
.social {display: flex;justify-content: center;padding:0 !important;}
.social li {list-style: none;}
.social li a {border: 1px solid var(--ast-border-color);background: #fff;width: 36px;height: 36px;margin: 0 7.5px;border-radius: 50%;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.social li a svg {width: 55%;height:auto;max-height: 55%;}

@media (min-width: 922px) {
.social {justify-content: flex-start;}	
}

/*SINGLE RECIPE-ARTICLE-PAGE*/
.ast-single-entry-banner, .ast-archive-entry-banner{background: linear-gradient(0deg,var(--ast-global-color-4) 30%,#FFF 70%) !important;}
.rating_form .def {padding:0 !important;background:none !important;}
.recipe_details {display: flex;justify-content: space-around;color: var(--ast-global-color-3);padding: 1em;font-size: 12px;text-transform: uppercase;background-color: var(--ast-global-color-4);border-radius:var(--rdr-radius);}
.recipe_ingredients {border: 1px solid var(--ast-border-color);border-radius:var(--rdr-radius);box-shadow: var(--shadow-subtle);padding: 1em 1em 1.5em 1em;margin-bottom:2em;}
.recipe_ingredients ul {padding: 0 0 1em 0;margin-bottom: 2em;}
.recipe_ingredients ul li {list-style: none;padding:.3em 18px;position: relative;}
.recipe_ingredients ul li:before {content: "";display: block;position: absolute;top: 12px;left:0px;width: 8px;height: 8px;background-color: #FFF;border-radius: 50%;border: 2px solid var(--ast-global-color-0);}
.entry-content li::marker {color: var(--ast-global-color-0);}
.entry-content ol {padding:0 0 2em 2.5em;counter-reset: li;}
.entry-content ol li {position: relative;list-style:none;padding: 0.5em 0;border-bottom: 1px solid var(--ast-border-color);}
.entry-content ol>li:before {content: counter(li);counter-increment: li;position: absolute;top: 0.4em;left: -2.7em;box-sizing: border-box;width: 2.1em;height: 2.1em;border-radius: 2em;color: var(--ast-global-color-0);border: 1px solid var(--ast-border-color);text-align: center;font-weight:bold;font-size:14px;padding: 0;}
.ast-single-post .entry-content figure {margin-bottom:.5em;}
.ast-single-post .entry-content figure + h2,.ast-single-post .entry-content figure + h3,.ast-single-post .entry-content figure + h4{margin-top:1em;}
a[rel~="tag"],.sidebar-main .menu li.menu-item,.rdr-subcat li,.tagmenu li {display:inline-block;padding:.3em .5em;border-radius:var(--rdr-radius);color: var(--ast-global-color-8);background-color:var(--ast-global-color-4);font-size:14px;text-decoration: none !important;margin:0 .3em .5em 0; }
.tagmenu .wp-block-page-list, .tagmenu .wp-block-navigation__container{gap: 0.5em !important;}
ul.tagmenu {padding:0 !important;}

details {border: solid 1px var(--ast-global-color-6);border-radius: var(--rdr-radius);margin-bottom: 1em;background:#FFF;}
details summary {cursor: pointer;padding: .5em 1em;font-size:1.1em;border-radius: var(--rdr-radius);color:var(--ast-global-color-8);}
details summary::marker {color:var(--ast-global-color-0);}
details summary span {text-decoration: underline;}
details p, details ol, details ul {padding:0 1em;}

details.rdr-timedetail {border: none;background-color: var(--ast-global-color-4);}
details.rdr-timedetail summary::marker {content:"\01F553";}
details.rdr-timedetail p {padding:1em;}

meter::-webkit-meter-bar {background:var(--ast-global-color-6);border:none;}
meter::-webkit-meter-optimum-value, meter::-webkit-meter-suboptimum-value, meter::-webkit-meter-even-less-good-value {background:var(--ast-global-color-0);}
.metertag {font-size:.75em;color:var(--ast-global-color-3);}

.compacto p{margin:0;}

.entry-content ul.toc,.entry-content ol.toc,.entry-content #toc {padding-top:1em;padding-bottom:1em;background-color:var(--ast-global-color-4);border:solid 1px var(--ast-global-color-6)}


@media (max-width: 921px) {
	.rating_form_wrap {text-align: center !important;padding-top:1em;}
	.rating_form {display: inline-block !important;}
	.ast-single-entry-banner[data-post-type="page"] .ast-container {padding-left: 0;padding-right: 0;padding-top: 1em;padding-bottom: 1em;}
	.ast-plain-container.ast-no-sidebar .entry-content > .alignfull, .ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull {padding-left: var(--wp--preset--spacing--50);padding-right: var(--wp--preset--spacing--50);}
	.rp4wp-related-posts .wp-block-column {display: flex;gap: 1em;}
	.rp4wp-related-posts .wp-block-column .rp4wp_component {width:50%;}
	.rp4wp_component_title {margin-block-start:0!important;}
	.rp4wp_component_title a{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
}


@media (min-width: 922px) {
	.ast-single-entry-banner .ast-container {display: grid;grid-template-columns: 40% auto;grid-template-rows: 50% auto;column-gap: 2rem;row-gap:1rem;grid-template-areas:"title photo" "title photo";}
	.ast-single-entry-banner h1.entry-title{grid-column: 1;text-align: left;align-self:end;}
	.ast-single-entry-banner .entry-meta{grid-column: 1;text-align: left;}
	.ast-single-entry-banner[data-post-type="post"] .entry-meta .rating_form_wrap {padding-top:20px;}
	.ast-single-entry-banner .post-thumb-img-content{grid-area: photo;}
	.post-thumb-img-content img, .widget-area .wp-post-image, .wp-block-post-featured-image img, .rp4wp_component_image img {border-radius: var(--rdr-radius);box-shadow: var(--shadow-big); }
	.recipe_details {font-size: 14px;}
}

/* AUTHOR */
.ast-single-author-box {margin-top: 0;padding-top: 2em;text-align: center;}
.ast-author-meta a {text-decoration: underline;}
.ast-author-meta .about-author-title-wrapper {padding: 0 0 1em;}
.ast-author-meta .ast-author-details {width: 100%;}
.ast-author-meta .post-author-avatar {padding-right: 0;}
.ast-author-meta .post-author-avatar img {border-radius: 50%;min-width: 100px;}
@media (min-width: 922px) {
	.ast-single-author-box {text-align: left;}
	.ast-author-meta .ast-author-details {display: flex; align-items: center;}
	.ast-author-meta .post-author-avatar {margin-right: 1.33333em;}
}
@media (max-width: 921px) {
	.ast-author-meta .post-author-avatar {margin-bottom: 1em;}
}

/*COMMENTS*/
.ast-comment-avatar-wrap {width:0;margin:0!important;}
.ast-comment-meta {padding: 0 1.5em .5em !important;}
.comment-author-auguas {background: var(--ast-global-color-4);padding-left: 1em;padding-right: 1em;}

/*ARCHIVE*/
.rdr-subcat ul {margin:1em 0 2em 0;}
.ast-archive-entry-banner .shortcode-menu ul {margin:1em 0 0 0;}
.ast-archive-entry-banner .shortcode-menu li{display:inline-block;padding:.2em .5em;border-radius:var(--rdr-radius);background-color:var(--ast-global-color-5);margin:0 .3em .5em 0;box-shadow: var(--shadow-bevel);}
.ast-archive-entry-banner .shortcode-menu li a {font-size:13px !important;text-decoration: none !important;}
.total_count {display: table;padding:.3em .5em;border-radius:var(--rdr-radius);background-color:var(--ast-global-color-4);color:var(--ast-global-color-3);font-size: 13px;margin: 0 auto;}
.entry-meta img, .recipe_details img {vertical-align: text-bottom;}
.entry-meta img:not(:first-child){margin-left:14px;}
.rdr-topcat {padding-top:1em;}
.rdr-topcat p {display: flex;margin: 0 0 1em; align-items: center;line-height:110%;gap:1em;}
.rdr-topcat p a:first-child {flex-basis: 20%;}
.rdr-topcat p a:not(:first-child)  {flex-basis: 80%;}
.rdr-topcat img {border-radius:100%;}

@media (min-width: 922px) {
	.rdr-topcat {display:flex; justify-content: space-between; align-items: center;font-size:.9em;}
	.rdr-topcat h2, .rdr-topcat p {width:24%;}
}

@media (max-width: 921px) {
	.blog-layout-1 {padding-bottom: 0;}
	.ast-archive-entry-banner .shortcode-menu {overflow-x: scroll;}
	.ast-archive-entry-banner .shortcode-menu::-webkit-scrollbar{display: none;}
	.ast-archive-entry-banner .shortcode-menu ul{white-space: nowrap;}
	.ast-archive-entry-banner .shortcode-menu ul:before {content: '';width: 20%;height: 70px;position: absolute;right: 0;bottom: 0;background: linear-gradient(90deg,transparent 0%, var(--ast-global-color-4) 90%);}
}

/*SIDEBAR & WIDGETS*/
.widget-title {text-transform:uppercase;font-size: 1rem !important;color:var(--accesible-text-color);}
.widget_popular li {display: flex;justify-content: space-between;}
.widget_popular li a:last-child {margin-left:1em;width:60%;}
.widget_nav_menu li {list-style:none;}

/*TABLES*/
.wp-block-table td, .wp-block-table th {border-color: var(--ast-border-color);}
.wp-block-table th, th {text-transform: uppercase;font-size:14px;color:var(--ast-global-color-3);background-color: var(--ast-global-color-6);}
tr:nth-child(even) { background-color: var(--ast-global-color-4);}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {background-color: #fff !important; border-top: solid 1px var(--ast-global-color-6);border-bottom: solid 1px var(--ast-global-color-6);}
.wp-block-table.is-style-stripes {border-bottom: none !important;}

/*FOOTER*/
.site-above-footer-wrap figure {margin:0;}
.site-primary-footer-wrap ul.menu li {margin-bottom:8px;}


/* PRINT */
@media print {
 
body { width:100% !important; margin:0 !important; padding:0 !important;}

.site-header-primary-section-center, .ast-below-header-wrap, .google-auto-placed, .adsbygoogle, .ast-header-breadcrumb, .widget-area, #secondary, .social, #comments, #footer, .site-footer, .ssmads, .pre-flickr-gallery, .recipe_tags, .rp4wp-related-posts, .rdr-timedetail span,.site-header-primary-section-right, .embed-youtube, .embed-responsive, #stickycard, .ast-button{display:none !important;width: 0 !important;height: 0 !important;overflow: hidden !important;line-height: 0pt !important;white-space: nowrap;}
	
h1, h2, h3, h4, h5, h6, img, a { page-break-inside:avoid }
    
.entry-content a:link, a:visited, a {background: transparent; font-weight: normal !important; text-decoration: underline;}
.entry-content a[href^=http]:after { content:" (" attr(href) ") ";text-decoration: none !important; font-size: .9em;}
.entry-content a:after > img {content: "";}
.entry-content a[href^="#"]:after {content: "";}

    
}