/*
Theme Name: Ashe Pro Child
Theme URI: https://wp-royal-themes.com/themes/item-ashe-pro/
Template: ashe-pro-premium
Author: Royal Flush
Author URI: https://wp-royal-themes.com/
Description: Clean and Minimalist WordPress theme.
Tags: blog,e-commerce,one-column,two-columns,three-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,custom-logo,featured-images,footer-widgets,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready
Version: 3.7.6.1711737463
Updated: 2024-03-29 20:37:43

*/
@charset "UTF-8";
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.min.css');

a:link, a:active, a:visited, a:hover, ul.um-misc-ul li, ul.um-misc-ul li:hover, .comments-area #submit, .comments-area #submit:hover, input.wpcf7-submit, input.wpcf7-submit:hover, div.main-nav-socials .svg-inline--fa, div.main-nav-socials .svg-inline--fa:hover{
	transition:all 1s ease;
	-webkit-transition-delay:all 0.2s ease;
	-moz-transition-delay:all 0.2s ease;
	-ms-transition-delay:all 0.2s ease;
	-o-transition-delay:all 0.2s ease;
	text-decoration:none;
}
textarea{resize:none;}
input.wpcf7-submit{
	display:block;
	margin-right:auto;
	margin-left:auto;
	border-radius: 10px !important;
	width: 100%!important;
}

/*scrollbar*/
body::-webkit-scrollbar { 
	width: 15px; 
	background: transparent; 
} 
body::-webkit-scrollbar-thumb { 
	background: #e83054; 
	border-radius: 20px; 
	border-right: 5px; 
} 
body::-webkit-scrollbar-thumb:hover{ 
	background-color: #e83054; 
}
html{ 
	scrollbar-width: thin; 
	scrollbar-color: #e83054 #fff; 
}

div.post-content img{
	margin-right:auto;
	margin-left:auto;
	margin-top:30px;
	margin-bottom:30px;
}

body.single-post div.page-content, div.main-nav{
	/*background-image:url(img/backg_blog.jpg);*/
	background-image:url(img/backg_blog_blackgrain.jpg);
	background-repeat:repeat;
}

body.home div.main-content, body.archive div.main-content, body.search div.main-content{
	/*background-image:url(img/backg_blog.jpg);*/
	/*background-image:url(img/backg_blog_blackgrain.jpg);
	background-repeat:repeat;*/
	padding-top:120px;
	background-image: url(img/backg_footer_top.jpg), url(img/backg_blog_blackgrain.jpg);
	background-position: left top, left top;
	background-repeat: repeat-x, repeat;
}
body.page div.page-content:before, body.single div.page-content:before{
	content:'';
	display:block;
	height: 120px;
	width: 100%;
	background-image:url(img/backg_footer_top.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
article.blog-post{
	/*background-image:url(img/backg_blogposts.jpg);*/
    border-radius: 15px;
    padding: 20px;
        padding-top: 35px;
	background-image: url(img/backg_blogposts_01.jpg),url(img/backg_blogposts_02bis.jpg),url(img/backg_blogposts.jpg);
	background-position: left top, right bottom, left center;
	background-repeat: no-repeat, no-repeat, repeat;
}
body.error404 div.page-content, body.search-no-results div.main-content{
	background-image: url(img/backg_footer_top.jpg), url(img/backg_blogposts.jpg);
	background-position: left top, left top;
	background-repeat: repeat-x, repeat;
	padding-top:150px;
}
body.single article.blog-post{
	background-image:none;
}
body.single div.main-content, body.page div.main-content{
	/*background-image:url(img/backg_blogposts.jpg);
	background-repeat:repeat;*/
	background-image: url(img/backg_postcontent_top.jpg), url(img/backg_postcontent_bottom.jpg), url(img/backg_blogposts.jpg);
	background-position: left top, left bottom, left top;
	background-repeat: no-repeat, no-repeat, repeat;
	
}
body.single div.main-container div.post-media{
	display:none;
}
body.single h1.post-title, body.page h1.page-title{
	font-size: 40px;
	line-height: 40px;
}
footer#page-footer{
	padding-top: 120px;
	background-image:url(img/backg_footer_top.jpg),url(img/backg_footer_main.jpg);
	background-position:top left,top left;
	background-repeat:repeat-x,repeat;
}

/****************************************************************************************************************************************************************************/
/*COSAS POSTS*/
/****************************************************************************************************************************************************************************/
.post-content > p {
 	text-align: left!important;
}

nav.main-menu-container{
	/*background-image: url(img/backg_blogposts.jpg);*/
	background-image:url(img/backg_mainmenu_right.jpg), url(img/backg_blogposts.jpg);
	background-position: right center,left center;
	background-repeat: no-repeat,repeat;
	border-radius:15px;
    margin-left: 150px;
    margin-right: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}
div#main-nav{
	background-image:url(img/backg_menuleft.png), url(img/backg_blog.jpg);
	background-position:left center, left center;
	background-repeat:no-repeat, repeat;
}
div#main-nav > div{padding-right:56px;}
div.main-nav-socials a, div.main-nav-socials .svg-inline--fa{color:#e83054!important;}
div.main-nav-socials a {font-size: 22px;}
div.main-nav-search .fa-magnifying-glass{color:#40acac!important;}
div.main-nav-search{font-size: 22px;}
/*ul#main-menu a:hover{
	transform: translate(-9px, -9px);
	text-shadow: 0.5px 0.5px 0 #3ebcb9,
	1px 1px 0 #3ebcb9, 
	1.5px 1.5px 0 #3ebcb9, 
	2px 2px 0 #3ebcb9, 
	2.5px 2.5px 0 #3ebcb9, 
	3px 3px 0 #3ebcb9,
	3.5px 3.5px 0 #3ebcb9, 
	4px 4px 0 #3ebcb9,
	4.5px 4.5px 0 #3ebcb9, 
	5px 5px 0 #3ebcb9,
	5.5px 5.5px 0 #3ebcb9, 
	6px 6px 0 #3ebcb9, 
	6.5px 6.5px 0 #3ebcb9,
	7px 7px 0 #3ebcb9, 
	7.5px 7.5px 0 #3ebcb9,
	8px 8px 0 #3ebcb9, 
	8.5px 8.5px 0 #3ebcb9,
	9px 9px 0 #3ebcb9;
}*/
ul#main-menu a:hover{
	transform: translate(-5px, -5px);
	text-shadow: 0.5px 0.5px 0 #3ebcb9,
	1px 1px 0 #3ebcb9, 
	1.5px 1.5px 0 #3ebcb9, 
	2px 2px 0 #3ebcb9, 
	2.5px 2.5px 0 #3ebcb9, 
	3px 3px 0 #3ebcb9,
	3.5px 3.5px 0 #3ebcb9, 
	4px 4px 0 #3ebcb9,
	4.5px 4.5px 0 #3ebcb9, 
	5px 5px 0 #3ebcb9;
}
li.astm-search-menu svg{
	margin:-4px!important;
}
li.astm-search-menu svg:hover{
}
li.astm-search-menu a:hover{}
div.page-footer-inner{
}
div.popup-search-close:before, div.popup-search-close:after{border-color:#fff!important;}
@media screen and (max-width: 979px) {
	.is-menu path.search-icon-path{fill:#fff!important;}
}
div.page-footer-inner.boxed-wrapper{
	max-width:100%;
	background-image:url(img/backgfooter_bottom_bis.jpg),url(img/backg_blog_blackgrain.jpg);
	background-position:top left,top left;
	background-repeat:repeat-x, repeat;
	padding-top: 80px;
	padding-bottom: 50px;
}
div.footer-copyright{
	padding-top:74px;
}
.sbi_no_avatar .sbi_header_img {
	background: #40acac;
	color: #fff;
}
#page-footer h1, #page-footer h2, #page-footer h3, #page-footer h4, #page-footer h5, #page-footer h6 {
	color: #fff!important;
}
span.sbi_follow_btn.sbi_custom a{
	background: rgb(64,172,172);
	border-radius: 0px!important;
	font-weight: bold!important;
	padding: 14px 20px!important;
	font-size: 16px!important;
	margin-top: 30px!important;
}
#sb_instagram .sbi_follow_btn a:hover{
	box-shadow:none!important;
	background:#222!important;
}
.read-more a {
	background-color: #40acac;
	color: #fff!important;
	padding: 20px 25px 20px 70px;
	background-image:url(img/backg_botonleermas3.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-radius: 10px;
}
.read-more a:hover{
	background-color:#e83054;
	background-image:url(img/backg_botonleermas3b.png);
}

ul.blog-grid .post-media img, div.related-posts img {
transition: .5s ease;
width:100%!important;
max-width:300px;
}

ul.blog-grid .post-media img{border: 7px solid #e83054;}

div.related-posts img{border: 7px solid #e83054;}

.post-media:hover img, div.related-posts img:hover{
box-shadow:
1px 1px #3ebcb9,
2px 2px #3ebcb9,
3px 3px #3ebcb9,
4px 4px #3ebcb9,
5px 5px #3ebcb9,
6px 6px #3ebcb9;
-webkit-transform: translateX(-3px);
transform: translateX(-3px);
transition: .5s ease;
opacity: 1;
-webkit-animation: flash 3s;
animation: flash 3s;
}

div.post-content h1, div.post-content h2, div.post-content h3, div.post-content h4{
	margin-top: 50px;
	margin-bottom: 50px !important;
}
div.post-content h1, div.post-content h2{
    font-size: 24px;
}
div.post-content h3{
    font-size: 22px;
}
div.post-content h4{
    font-size: 20px;
}
div.post-content h1, div.post-content h2, div.post-content h3, div.post-content h4{
	background-image:url(img/backg_postsubheadings_left.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 36px;
}
div.post-meta, div.post-meta span.post-date, div.post-meta span.meta-sep, div.post-meta a.post-comments{
font-family:'Silkscreen';
font-style:normal;
color:#e62f52;
}
div.post-meta a.post-comments:hover{
color:#1c8c8d;
}
.is-form-style input.is-search-input {
	color: #222;
	padding: 0 12px;
	font-size: 20px !important;
	border: 8px solid #ccc !important;
	height: 65px;
	font-family: 'Nunito Sans';
	border-radius: 5px;
}
.grecaptcha-badge { 
	visibility: hidden;
}
div.main-nav-socials .svg-inline--fa{color:#40acac!important;}
div.main-nav-socials .svg-inline--fa:hover{color:#e83054!important;}
/*PRUEBA EFECTO VHS*/

.entry-header.background-image:before {
  content: "";
  display: flex;
  position: absolute;
  background-image:url(img/mickinoise.webp);
  
  background-size:cover;
  
  height:100%;
  width:100%;
  background-repeat:repeat;
  
  /*height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;*/

  mix-blend-mode: screen;
  pointer-events: none;
  opacity: 50%;
  z-index: 3;
}
/*FIN PRUEBA EFECTO VHS*/

/*cabeceras y otras cosas páginas normales*/
body.single div.entry-header.background-image{height:300px;}
body.single a.logo-img{max-width: 400px;}
body.single div.header-logo{padding-top:44px;}
body.page div.entry-header.background-image{height:300px;}
body.page a.logo-img{max-width: 400px;}
body.page div.header-logo{padding-top:44px;}

body.page div.page-content{
	background-image: url(img/backg_blog_blackgrain.jpg);
	background-repeat: repeat;
}


/****************************************************************************************************************************************************************************/
/*POSTS GRID*/
/****************************************************************************************************************************************************************************/
ul.blog-grid h2.post-title{min-height:50px;}
/*ul.blog-grid div.post-media:hover img{
	opacity: 1;
	-webkit-animation: flash 3s;
	animation: flash 3s;
}*/

/****************************************************************************************************************************************************************************/
/*COSAS RESPONSIVE*/
/****************************************************************************************************************************************************************************/

@media screen and (max-width: 979px) {
	div#main-nav {
	    background-image: url(img/backg_menuleft_mbl.png), url(img/backg_blog.jpg);
	    background-position: left top, left center;
	    background-repeat: no-repeat, repeat;
	}
	div.main-nav-socials-trigger{display:none;}
	div#main-nav a{color:#fff!important;}
	div#main-nav .mobile-menu-btn span {background-color:#fff!important;}
	div#main-nav .mobile-menu-btn span:hover{
		background-color:#e82f54!important;
	}
	div#main-nav a:hover{
		color:#e82f54!important;
		transform: translate(-5px, -5px);
		text-shadow: 0.5px 0.5px 0 #3ebcb9,
		1px 1px 0 #3ebcb9, 
		1.5px 1.5px 0 #3ebcb9, 
		2px 2px 0 #3ebcb9, 
		2.5px 2.5px 0 #3ebcb9, 
		3px 3px 0 #3ebcb9,
		3.5px 3.5px 0 #3ebcb9, 
		4px 4px 0 #3ebcb9,
		4.5px 4.5px 0 #3ebcb9, 
		5px 5px 0 #3ebcb9;
	}
	.mobile-menu-container {overflow-y:auto;}
}
/****************************************************************************************************************************************************************************/
/*SINGLE POSTS*/
/****************************************************************************************************************************************************************************/
body.single .main-content, body.page .main-content{
	padding-top: 120px;
	padding-bottom:120px;
}
@media screen and (max-width: 480px) {
	body.single h1.post-title, body.page h1.page-title {
		font-size: 25px;
		line-height: 28px !important;
	}
	article.blog-post{padding-left:0px;padding-right:0px;}
	ul.blog-grid article.blog-post{
		padding:35px 10px 10px 10px;
	}
}

/****************************************************************************************************************************************************************************/
/*OTROS*/
/****************************************************************************************************************************************************************************/
div.profilepic img{border-radius:25px;}
.page-404 h2:before {
    content: 'OSTIAS,';
    color:#1c8d8b;
    }
body.page header.post-header:after, body.single header.post-header:after{
	background-image: url(img/separator_posts_title_01.jpg), url(img/separator_posts_title_03.jpg), url(img/separator_posts_title_02.jpg);
	background-position: left center, right center, left center;
	background-repeat: no-repeat, no-repeat, repeat-x;

	/*background-image: url(img/backg_relatedposts_top.png);
	background-position: left center;
	background-repeat: repeat-x;*/
	display: block;
	content: '';
	width: 100%; /* fills the width of the parent */
	min-height: 25px;
	border-radius:5px;
}
/*body.single-post header.post-header:after{margin-bottom:38px;}*/
header.post-header:after{margin-bottom:38px;}
.comment-avatar img {
	border: 4px solid #40acac;
}
ul.commentslist article{
	border-color: #e83054!important;
	border-width: 2px;
}
footer.post-footer{display:none;}
div.comments-area{
	background-image: url(img/backg_comments_main.jpg);
	background-position: left center;
	background-repeat: repeat;
	border-radius: 6px;
	border: 2px solid #867d62;
	padding: 50px 40px;
	color: #535d4e;
	font-size:15px;
}
@media screen and (max-width: 480px) {
	div.comments-area{
		padding: 50px 10px;
	}
}
div.comments-area div.comment-avatar{float:none;}
div.comments-area h3.comment-author, div.comments-area h3.comment-author a{color:#222;margin-top:10px;}
div.comments-area h3.comment-author a:hover{color:#e63154;}
div.comment-text{margin-top:40px;}
.entry-comments {
    padding: 0px 0 0px;
}
ul.blog-grid span.post-date, span.related-post-date{
	color:#222;
	font-size: 14px;
	font-style: normal;
	text-transform: uppercase;
	background-image: url(img/backg_postdate.png);
	background-position:center center;
	padding: 10px 5px;
	background-repeat: no-repeat;
	font-weight:700;
	display:block;
	width:100%
}
span.related-post-date{
	text-align: center;
	font-family: 'Silkscreen';
	color: #e83054!important;
	font-size: 14px !important;
}
div.related-posts{
    border-radius: 6px;
    border:2px solid #5f5f5f!important;
    padding: 50px 20px;
/*    background-image: url(img/backg_relatedposts_top.png);*/
    background-image: url(img/related-posts_backgmain.jpg);
}
div.related-posts section{
	text-align:center!important;
}
div.related-posts section img{
	margin-left: auto;
	margin-right: auto;
}
div.related-posts h3{
    font-size: 22px;
    font-weight: 900;
    margin-bottom: 30px;
    font-family:'Silkscreen'!important;
    color:#647c56;
}
div.related-posts h3::after{
	display: block;
	content: '';
	background-image: url('img/backg_related_acomp.jpg');
	background-size: contain; /* makes image fit within the element */
	background-repeat: no-repeat;
	background-position: center;
	width: 100%; /* fills the width of the parent */
	min-height: 175px;
}
div.related-posts section h4{
	min-height: 100px;
	padding-top: 20px;
	padding-bottom: 20px;
}
div.related-posts section h4 a:hover{color:#40acac!important;}
a#cancel-comment-reply-link{
	display: block;
	border-radius: 5px;
	color: #e83054;
	border: 1px solid #e83054;
	background-color:#fff;
}
ul.blog-grid .post-title a:hover{
	color:#e82f54!important;
	transform: translate(-5px, -5px);
	text-shadow: 0.5px 0.5px 0 #3ebcb9,
	1px 1px 0 #3ebcb9, 
	1.5px 1.5px 0 #3ebcb9, 
	2px 2px 0 #3ebcb9, 
	2.5px 2.5px 0 #3ebcb9, 
	3px 3px 0 #3ebcb9,
	3.5px 3.5px 0 #3ebcb9, 
	4px 4px 0 #3ebcb9,
	4.5px 4.5px 0 #3ebcb9, 
	5px 5px 0 #3ebcb9;
}
@media screen and (max-width: 500px) {
	ul.blog-grid span.post-date{
		display: block!important;
		width: 100%!important;
		padding: 14px 7px!important;
	}
}
div.comment-content .comment-author{
	color:#fff;
}
div.comment-content .comment-meta{
	background-color: #fff;
	padding: 0px 10px;
	border-radius: 6px;
	color: #222 !important;
	margin-top: 8px;
	padding-top:9px;
	font-family: 'Silkscreen' !important;
	box-shadow: 4px 5px 6px -5px rgba(0,0,0,0.13);
	-webkit-box-shadow: 4px 5px 6px -5px rgba(0,0,0,0.13);
	-moz-box-shadow: 4px 5px 6px -5px rgba(0,0,0,0.13);
	padding-left:42px;
	background-image: url(img/backg_commentmeta_left.jpg), url(img/backg_commentmeta.jpg);
	background-repeat: no-repeat, repeat-x;
	background-position: left center, left;	
}
div.comment-content .comment-meta a{color: #222 !important;}
div.comments-area h2.comment-title, h3#reply-title{
font-family:'Silkscreen'!important;
font-size: 22px!important;
color:#766a4e!important;
}
div.comments-area h2.comment-title::after{
	display: block;
	content: '';
	background-image: url('img/backg_comments_acomp.jpg');
	background-size: contain; /* makes image fit within the element */
	background-repeat: no-repeat;
	background-position: center;
	width: 100%; /* fills the width of the parent */
	min-height: 175px;

}
div.comment-content a.comment-reply-link{
	margin-top:0px;
	color:#e83054!important;
}
div.comment-content a.comment-reply-link:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  content: '\f105';
  padding-right: 5px;
  transition: all .2s cubic-bezier(.7, 0, .3, 1);
}

div.comment-content a.comment-reply-link:hover:before {
  transform: translateX(5px);
}
div.comment-text a, form#commentform a{color:#40acac!important;}
div.comment-text a:hover, form#commentform a:hover{color:#e53054!important;}

/*body.home div.main-content{padding-top:40px;}*/

/*HEADER LATEST POSTS*/
body.home ul.blog-grid:before{
	content: 'Últimos artículos';
	display: block;
	background-image: url(img/backg_header_latestposts.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 138px;
	padding-top: 52px;
	padding-left: 196px;
	font-size: 32px;
	font-family: 'Silkscreen';
	font-weight: 100;
	margin-bottom: 30px;
	text-align:center;
}
@media screen and (min-width: 443px) and (max-width: 855px) {
	body.home ul.blog-grid:before{
		background-image: url(img/backg_header_latestposts_mid.jpg);
		padding-top: 54px;
		padding-left: 113px;
		font-size: 24px;
		font-family: 'Silkscreen';
	}
}
@media screen and (max-width: 442px) {
	body.home ul.blog-grid:before{
		background-image: url(img/backg_header_latestposts_mbl.jpg);
		padding-top: 43px;
		padding-left: 118px;
		font-size: 25px;
		font-family: 'Silkscreen';
	}
}
/*HEADER RRSS*/
body.home div.footer-instagram-widget:before, div.footer-instagram-widget:before{
	content: 'RRSS poco actualizadas';
	display: block;
	color:#424242;
	background-image: url(img/backg_header_rrss.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	width: 100%;
	height: 138px;
	padding-top: 52px;
	padding-left: 117px;
	font-size: 32px;
	font-family: 'Silkscreen';
	font-weight: 100;
	margin-bottom: 30px;
	margin-left:20px;
	width:93%;
	text-align:center;
}
@media screen and (min-width: 443px) and (max-width: 855px) {
	body.home div.footer-instagram-widget:before, div.footer-instagram-widget:before{
		content: 'RRSS poco \A actualizadas';
		background-image: url(img/backg_header_rrss_mid.jpg);
		width:95%;
		padding-top: 44px;
		padding-left: 113px;
		font-size: 24px;
		font-family: 'Silkscreen';
		white-space: pre;
	}
}
@media screen and (max-width: 442px) {
	body.home div.footer-instagram-widget:before, div.footer-instagram-widget:before{
		content: 'RRSS poco \A actualizadas';
		background-image: url(img/backg_header_rrss_mbl.jpg);
		padding-top: 43px;
		padding-left: 105px;
		font-size: 22px;
		font-family: 'Silkscreen';
		margin-left:20px;
		width:93%;
	}
}

div.footer-socials a[aria-label="facebook-f"], div.footer-socials a[aria-label="instagram"]{
	font-size:50px!important;
}
div#mifootersocials{
font-family: 'Silkscreen';
background-image: url(img/backg_socials.jpg);
background-position:center center;
background-repeat:no-repeat;
padding-top:36px;
padding-bottom:20px;
}
div#mifootersocials a, div.copyright-info{
color:#222;
}
@media screen and (max-width: 442px) {
	div#mifootersocials{
	background-image: url(img/backg_socials_mbl.jpg);
	padding-top:36px;
	padding-bottom:20px;
	}
	div.copyright-info{
	font-size:12px;
	}
	div.footer-socials a[aria-label="facebook-f"], div.footer-socials a[aria-label="instagram"]{
	font-size:30px!important;
	}
	#main-nav #s{font-size: 12px!important;}
}
div.page-404 p:after, div.no-result-found form#searchform:after{
	content:'';
	margin-top:50px;
	display:block;
	height: 250px;
	width: 100%;
	background-image:url(img/backg_404etc.png);
	background-position:center center;
	background-repeat:no-repeat;
	}
div#mifootermensaje{
	width:80%;
	margin-top:40px;
	font-size:15px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}