/*
Theme Name:  Rhea-Ripley.net
Description: feat Rhea Ripley
Author: Victoria Grenz
Author URL: http://victoriagrenz.com/vgrenzdesigns
*/

html {
	font-size: 62.5%;
	/*Reset para REMS - 62.5% = 1rem de 10.6rem*/
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

/*Globales*/

.contenedor {
	max-width: 110rem;
	/*120rem = a 1200*/
	margin: 0 auto;
	width: 110rem;
}

.contenedor2 {
	max-width: 105.4rem;
	margin: 0 auto;
}

.clearfix::after {
	content: '';
	clear: both;
	display: block;
}

/*Body*/

body {
	background: url(images/background_01.png) top center fixed, url(images/background_03.png) bottom center no-repeat, url(images/background_04.png) top center repeat;
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	color: #919292;
	margin: 0 auto!important;
	background-color: #060606;
	width: max-content;
}

header {
	width: max-content;
	margin: 0 auto;
}

@media (max-width:768px) {
	body {
		background: url(images/background_01.png) top center no-repeat, url(images/background_03.png) bottom center no-repeat, url(images/background_02.png) top center no-repeat;
		font-family: 'roboto', sans-serif;
		font-size: 1.3rem;
		color: #919292;
		margin: 0;
		background-color: #020202;
		width: max-content;
	}
	header {
		width: max-content;
	}
}

/*Texto*/

::selection {
	background: #3b0a0c;
	color: #ffffff!important;
	/* text-shadow: 0rem 0rem 12rem #01062f; */
	/* box-shadow: 0rem 0rem 1rem 8px #01000e; */
}

::-moz-selection {
	background: #3b0a0c;
	color: #ffffff!important;
	/* text-shadow: 0rem 0rem 12rem #01062f; */
	/* box-shadow: 0rem 0rem 1rem 8px #01000e; */
}

/*Barra Scroll*/

::-webkit-scrollbar {
	width: 1rem;
	border-radius: 1rem;
}

::-webkit-scrollbar-track {
	background: #0d0d0d;
	-webkit-box-shadow: inset 0 0 0.6rem rgb(0 0 0 / 10%);
}

::-webkit-scrollbar-thumb {
	background-position: center;
	background-image: url();
	background-position: top;
	-moz-transition-property: background-position;
	-moz-transition-duration: 2s;
	-webkit-transition-property: background-position;
	-webkit-transition-duration: 2s;
	-o-transition-property: background-position;
	-o-transition-duration: 2s;
	;
}

::-webkit-scrollbar-thumb {
	border-radius: 0;
	-webkit-box-shadow: inset 0 0 0.6rem rgb(0 0 0 / 20%);
	background: #3b0a0c;
	opacity: 0.2;
}

/*Links*/

a {
	font-family: 'roboto', sans-serif!important;
	text-decoration: none;
	font-weight: bold;
	color: #3b0a0c!important;
	font-size: 1.3rem;
}

a:hover {
	font-size: 1.3rem;
	color: #4a4949!important;
	text-decoration: none!important;
}

/*Texto*/

.b, strong {
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	color: #4a4949;
	font-weight: 700;
}

.u {
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	color: #4a4949;
	border-bottom: 0.1rem dotted #4a4949;
	text-decoration: none;
}

.i, em {
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	color: #4a4949;
	font-weight: 400;
}

.s {
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	color: #4a4949;
}

/*Links*/

.sidebar a {
	font-family: 'roboto', sans-serif!important;
	font-size: 1.2rem;
	text-decoration: none;
	font-weight: 600;
	color: #494a4b!important;
}

.sidebar a:hover {
	color: #3b0a0c!important;
}

/*Imagenes*/

a img {
	transition-property: all;
	transition-duration: 1s;
	/* filter: grayscale(100%); */
	margin: 1.5rem;
	opacity: .99;
	background: #3b0a0c;
	padding: 1rem;
	box-shadow: 0rem 0rem 2rem 0rem #0d101373;
	outline: 0.1rem solid #3b0a0c;
	outline-offset: 0.5rem;
}

a img:hover {
	opacity: .99;
	background: #4a4949;
	filter: grayscale(100%);
}

/*Sidebar imagenes */

.sidebar img {
	transition-property: all;
	transition-duration: 1s;
	/* filter: grayscale(100%); */
	margin: 1rem;
	opacity: .99;
	background: #3b0a0c;
	padding: 0.5rem;
	box-shadow: 0rem 0rem 2rem 0rem #0d101373;
	outline: 0.1rem solid #3b0a0c;
	outline-offset: 0.4rem;
}

.sidebar img:hover {
	opacity: .99;
	border: none;
	margin: 1rem;
	background: #4a4949;
	padding: 0.5rem;
	filter: grayscale(100%);
}

/*Otros*/

code, button, select, option {
	font-family: 'roboto', sans-serif;
	transition-property: all;
	transition-duration: 1s;
	padding: 1.5rem;
	margin: auto;
	margin-top: 1rem;
	opacity: .99;
	color: #4a4949!important;
	text-shadow: none;
	-webkit-border-radius: 0;
	text-align: center;
	font-size: 1.2rem;
	display: block;
	text-transform: none;
	text-decoration: none;
	border: 0;
	border-top: 0.5rem solid #3b0a0c;
	border-bottom: 0.5rem solid #3b0a0c;
	background-color: #090909;
	box-shadow: 0rem 0rem 1rem 0rem rgb(0 0 0 / 50%);
	margin: 2rem 0!important;
}

/*input*/

input {
	background-color: #090909;
	background-position: top;
	transition-property: all;
	transition-duration: 1s;
	padding: 1rem;
	border: 0;
	opacity: .99;
	text-transform: uppercase;
	color: #4a4949;
	-webkit-border-radius: 0;
	text-align: center;
	box-shadow: 0rem 0rem 1rem 0rem rgb(0 0 0 / 50%);
	margin: 1rem;
	font-family: 'roboto';
}

input:hover {
	background-color: #090909;
	color: #4a4949;
	box-shadow: 0rem 0rem 1rem 0rem rgb(27 27 27);
	font-family: 'roboto';
}

/*blockquote*/

blockquote {
	font-family: 'roboto', sans-serif;
	background-position: top;
	transition-property: all;
	transition-duration: 1s;
	padding: 2rem;
	border-top: 0.5rem solid #3b0a0c;
	border-bottom: 0.5rem solid #3b0a0c;
	opacity: .99;
	color: #4a4949;
	-webkit-border-radius: 0;
	font-size: 1.4rem;
	background-color: #090909;
	margin: 2rem!important;
	box-shadow: 0rem 0rem 1rem 0rem rgb(16 20 24 / 30%);
}

blockquote:hover {
	font-family: 'roboto', sans-serif;
	background-position: top;
	transition-property: all;
	transition-duration: 1s;
	padding: 2rem;
	border-top: 0.5rem solid #3b0a0c;
	border-bottom: 0.5rem solid #3b0a0c;
	opacity: .99;
	color: #4a4949;
	-webkit-border-radius: 0;
	font-size: 1.4rem;
	background-color: #090909;
	margin: 2rem!important;
	box-shadow: 0rem 0rem 1rem 0rem rgb(16 20 24 / 30%);
}

blockquote .sidebar {
	font-family: 'roboto', sans-serif;
	background-position: top;
	transition-property: all;
	transition-duration: 1s;
	padding: 2rem;
	border-top: 0.5rem solid #3b0a0c;
	border-bottom: 0.5rem solid #3b0a0c;
	opacity: .99;
	color: #4a4949;
	-webkit-border-radius: 0;
	font-size: 1.2rem;
	background-color: #090909;
	margin: 2rem!important;
	box-shadow: 0rem 0rem 1rem 0rem rgb(2, 2, 2);
}

blockquote .sidebar:hover {
	background-color: #090909;
	opacity: .99;
	color: #4a4949;
	background-position: top;
	border-top: 0.5rem solid #3b0a0c;
	border-bottom: 0.5rem solid #3b0a0c;
	padding: 2rem;
	box-shadow: 0rem 0rem 1rem 0rem rgb(2, 2, 2);
}

blockquote i {
	font-size: 1.7rem;
	line-height: 2.5rem;
	color: #4a4949;
	display: contents;
}

/*Links*/

blockquote a:link, blockquote a:active, blockquote a:visited {
	font-family: 'roboto', sans-serif;
	color: #4a4949;
	font-size: 1.3rem;
	text-decoration: none;
	font-weight: bold;
	font-style: normal;
	text-shadow: none;
}

blockquote a {
	font-family: 'roboto', sans-serif;
	font-size: 1.3rem;
	color: #4a4949;
}

blockquote a:hover {
	font-size: 1.3rem;
	color: #5b5a5a!important;
}

/* Sidebar ul li*/

.sidebar ul {
	font-size: 1.3rem;
	line-height: 2.5rem;
	padding: 0rem 1rem;
	/* background: #1d1d1d; */
	margin: 0.5rem 0rem;
	color: #373737;
	width: 100%;
	/* text-decoration: none; */
	list-style: none;
}

.sidebar li {
	text-decoration: auto;
	background: #151515;
	padding: 0.5rem;
	margin: 0.5rem;
	text-align: center;
	list-style: none;
	border: 0.2rem solid #373737;
}

/*Menu*/

.menu {
	height: 6.6rem;
	width: 97.1rem;
	background-image: url(images/header_01.png);
}

#main-nav {
	align-content: center;
	height: 6.6rem;
	position: relative;
	z-index: 999;
	width: 97.1rem;
}

#main-nav ul {
	margin: 0;
	padding: 1.5rem 0rem;
	height: 6.6rem;
	text-align: center;
	/* line-height: 1rem; */
}

#main-nav li {
	display: inline-block;
	/* padding: 0.5rem;
    margin: 0.1rem;
    background: #ffffff; */
	border: none;
}

#main-nav li:hover {
	background: none;
}

#main-nav li a {
	display: table;
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	font-size: 1rem;
	padding: 1rem 1.5rem;
	color: #4a4949!important;
	font-family: 'roboto';
	letter-spacing: 0rem;
	margin: 0 0.5rem;
	background-color: #0c0c0c;
}

#main-nav li a:hover {
	text-transform: uppercase;
	font-weight: 600;
	text-decoration: none;
	font-size: 1rem;
	padding: 1rem 1.5rem;
	color: #861518!important;
	font-family: 'roboto';
	letter-spacing: 0rem;
	margin: 0 0.5rem;
	background-color: #9e0b0f59;
}

#main-nav .current-menu-item a, #main-nav .current_page_item a, #main-nav a:hover {
	background-color: #0c0c0c;
}

#main-nav ul.sub-menu {
	margin-top: 2.7rem;
}

#main-nav ul.sub-menu:hover {
	/* margin-top: 2.7rem!important; */
}

#main-nav ul ul {
	display: none;
	position: absolute;
	width: 20rem;
	height: 8rem;
	/* margin-top: 2.7rem; */
}

#main-nav ul ul li {
	/* float: left; */
	display: grid;
	width: 20rem!important;
	/* border: 1rem; */
	margin: 0;
	padding: 0;
	background: #ffffff;
	align-items: center;
	text-align: center;
	height: 6rem;
}

#main-nav ul ul li a {
	padding: 1.1rem;
	/* dar a nuestros enlaces del submen� 
un bonito boton */
}

#main-nav ul ul li a:hover {
	color: #ffffff;
	background: #151515;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: 900;
	box-shadow: none;
}

#main-nav li ul li ul {
	margin-top: 0rem!important;
	left: 20rem;
}

#main-nav li ul li ul li ul {
	/* display: grid; */
	margin-top: 0!important;
}

#main-nav ul li:hover>ul {
	display: block;
	/* mostrar submen� cuando el rat�n pase 
 por encima del men� principal */
}

#main-nav ul ul li ul {
	/* left: 20rem; */
	margin-top: 0rem;
}

/*mensaje*/

.mensajesend {
	display: flex;
	flex-wrap: nowrap;
}

.mensajebienvenida {
	padding: 1.7rem 12rem 1.7rem 20rem;
	color: #030202;
	font-size: 1.3rem;
	line-height: 1.8rem;
	text-align: justify;
	height: 12.4rem;
	letter-spacing: 0rem;
	font-family: 'roboto';
	font-weight: 500;
	background: url(images/header_04.png);
}

.mensajebienvenida p {
	margin: 0;
}

.mensajebienvenida a {
	color: #030202!important;
}

.mensajebienvenida a:hover {
	color: #5b5a5a!important;
}

/* news */

.newsslide {
	display: flex;
	flex-wrap: nowrap;
}

.lastnews {
	width: 21.3rem;
	height: 14.9rem;
	background: url(images/header_10.png);
	padding: 4.5rem 1rem 1rem 1rem;
}

.lastnews a {
	color: #2f2e2e!important;
	text-decoration: none;
	/* text-transform: uppercase; */
	font-family: 'roboto';
	letter-spacing: 0rem;
	display: inline-block;
	/* background-color: #131414; */
	/* padding: 0.9rem 2rem 0.9rem 0; */
	/* margin: 1rem; */
	/* text-align: left; */
	font-size: 1.2rem;
	font-weight: 800;
	/* width: 35rem; */
}

.lastnews a:hover {
	color: #4d0507!important;
}

.lastnews em {
	font-size: 1rem;
	font-family: 'roboto';
	color: #ece9e9!important;
	letter-spacing: 0.1rem;
	font-weight: 100;
	line-height: 2.5rem;
	text-transform: none;
}

.lastnews strong {
	font-family: 'roboto', sans-serif;
	font-size: 1rem;
	color: #2f2e2e;
	font-weight: 500;
}

.lastnews span {
	font-family: 'roboto', sans-serif;
	font-size: 1.1rem;
	color: #4a4949;
	font-weight: 600;
}

@media (max-width:768px) {
	.lastnews {}
}

/* approved */

.approved {
	/* background-image: url(images/header_09.png);*/
	/* width: 15.9rem; */
	/* height: 22.2rem; */
	background: #0d0d0d!important;
}

.approved img {
	margin: 0;
	padding: 0;
	border: none;
	filter: none;
	outline: none;
	box-shadow: none;
}

.approved img:hover {
	margin: 0;
	padding: 0;
	border: none;
	filter: none;
	outline: none;
	box-shadow: none;
}

/* Slide */

.slide {
	width: 45.9rem;
	height: 22.2rem;
}

.carousel-inner img {
	width: 100%;
	height: 100%;
}

.socialshop {
	display: flex;
	flex-wrap: nowrap;
	flex-direction: column;
}

/* Ultimas fotos */

.ultimasfotos {
	background-image: url(images/header_06.png);
	width: 96.2rem;
	height: 13rem;
	padding: 2rem 16rem 2rem 0;
}

@media (max-width:768px) {
	.ultimasfotos {}
}

/*Contenido principal*/

.contenido-principal {
	display: flex;
	flex-wrap: nowrap;
}

.blog {
	width: 72.8rem;
	margin: 0;
	/*border: 0.1rem solid #efecec;*/
}

.sidebar {
	width: 36rem;
	margin: 0;
}

@media (max-width:768px) {
	.blog {
		width: 72.8rem;
		margin: 0rem;
	}
	.sidebar {
		width: 36rem;
		margin: 0rem;
	}
}

/*Entrada*/

.entrada {}

.entrada2 {}

.postheader {
	/* background-image: url(images/post_01.png); */
	/* height: 14.6rem; */
	background-color: #000000;
	padding: 3rem 3rem 1.5rem 3rem;
	/* border-bottom: 0.5rem solid #4d0503; */
	/* margin: 3rem; */
}

.titulo {
	/* text-align: center; */
	padding-bottom: 0.4rem;
}

.titulo a, .titulo a:active, .titulo a:visited {
	color: #4d0507!important;
	font-size: 1.5rem;
	font-weight: 600;
	font-family: 'roboto';
	letter-spacing: 0rem;
	/* background-color: #ffffff; */
	/* padding: 3rem; */
	/* font-style: italic; */
	/* border-bottom: 0.2rem solid #4a4949; */
	border-bottom: 0.2rem solid;
	padding-bottom: 0.2rem;
}

.titulo a:hover {}

.by {
	/*border-bottom: 0.3rem solid #0e0e0e;*/
	padding: 1rem 0 1rem 0;
}

.by span {
	padding: 0.5rem 1rem;
	/* background: #202933; */
	/* margin: 1rem; */
	font-size: 1.1rem;
	font-weight: 600;
	/* letter-spacing: 0.1rem; */
	color: #4a4949;
	font-family: 'roboto';
	border: 0.2rem solid #4a494963;
}

.by a {
	color: #4a4949!important;
	font-size: 1.1rem;
	font-family: 'roboto';
}

.by a:hover {
	color: #4d0507!important;
}

.categorias {
	background-color: #ffffff;
	display: block;
	margin: 0 5rem;
	padding: 0.4rem;
	font-size: 1.2rem;
	text-transform: uppercase;
	color: #000000;
	text-align: center;
	font-family: 'roboto';
	border-radius: 1rem;
}

.categorias a {
	text-decoration: none;
	color: #000000!important;
	font-size: 1.2rem;
	font-family: 'roboto';
	font-weight: 100;
}

.categorias a:hover {
	text-decoration: none!important;
}

.headpng {
	background-image: url(images/imagefeature.png);
	background-repeat: no-repeat;
	/*filter: grayscale();*/
}

.feature {
	background-image: url(images/imagefeatureback.png);
}

.contenido {
	padding: 1.5rem 3rem 3rem 3rem;
	font-family: 'roboto', sans-serif;
	line-height: 2rem;
	text-align: justify;
	font-size: 1.4rem;
	font-weight: 400;
	color: #4a4949;
	background-color: #000000;
}

@media (max-width:768px) {
	.contenido {
		padding: 1rem 5rem;
		font-family: 'roboto', sans-serif;
		line-height: 1.4rem;
		text-align: justify;
		font-size: 1.1rem;
		font-weight: normal;
		color: #151515;
		background-color: #ffffff;
		margin: 0;
	}
}

.footerpost {
	/* background-image: url(images/post_04.png); */
	height: 1.2rem;
	background-color: transparent;
}

@media (max-width:768px) {
	.footerpost {}
	.footerpost a {}
}

/* Espacio news*/

.espacionews {
	width: 1.2rem;
}

/*SideTop */

.sidetitle {
	/* background-image: url(images/sidebar_01.png); */
	width: 36.3rem;
	height: 8rem;
	background-color: #0d0d0d;
	padding: 3rem 3rem 1.5rem 3rem;
	/* border-bottom: 0.3rem solid #4a4949; */
}

.sidetitle1 {
	color: #4a4949;
	font-family: 'roboto', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	/* text-transform: uppercase; */
	letter-spacing: 0.1rem;
	/* margin: 0 0 0 3rem; */
	/* background-color: #ffffff; */
	/* display: inline-block; */
	border-bottom: 0.3rem solid #494a4b;
	padding: 0 0 0.5rem 0;
}

.sidecontenido {
	color: #494a4b;
	font-size: 1.4rem;
	font-family: 'roboto', sans-serif;
	line-height: 2rem;
	background-color: #0d0d0d;
	background-repeat: repeat-y;
	letter-spacing: 0;
	padding: 1.5rem 3rem 3rem 3rem;
	font-weight: normal;
	text-align: left;
}

.sidecontenido p {
	margin: 0;
}

.sidecontenido i {
	font-size: 1.4rem;
	line-height: 2.5rem;
	padding: 0rem 1rem;
	background: #020203;
	margin: 0.5rem 0rem;
	color: #494a4b;
	width: 100%;
}

.sideabajo {
	/* background-image: url(images/sidebar_03.png); */
	/* width: 37.2rem; */
	height: 1.2rem;
	background-color: transparent;
}

/*Comentarios*/

.comment-respond {
	background: #060606;
}

h3#reply-title {
	background-color: #ffffff;
	color: #050573;
	width: 72.8rem;
	padding: 1.5rem;
	text-align: center;
	margin: 0;
}

ol.commentlist {
	list-style: none;
	padding-inline-start: 0;
}

li.comment {
	background-color: #ffffff;
	padding: 1.5rem;
	color: #373737;
	font-size: 1.2rem;
}

h3#reply-title {
	background-color: #373737;
	;
	color: #ffffff;
	width: 72.8rem;
	padding: 1.5rem;
	text-align: center;
}

p.logged-in-as {
	text-align: center;
	width: 72.8rem;
	font-size: 1.3rem;
}

p.comment-form-comment {
	width: 72.8rem;
	text-align: center;
}

p label {
	display: block;
	font-size: 1.3rem;
}

p.form-submit {
	text-align: center;
}

/*Links de comentarios*/

.commentsno a, .commentsno a:active {
	color: #ffffff;
	font-family: 'roboto';
	font-size: 1rem;
	font-weight: normal;
	font-style: italic;
	letter-spacing: 0;
	text-decoration: none;
	line-height: 30;
}

.commentsno a:hover .commentsno a:visited {
	color: #151515;
}

/*page navi*/

.wp-pagenavi {
	text-align: center;
	margin: 2rem;
	font-family: 'roboto';
}

.wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:active {
	font-family: 'roboto';
	background-color: #540a0c;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.3rem;
	color: #000000!important;
	text-shadow: none;
	padding: 1rem;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	text-transform: uppercase;
	border: none;
}

.wp-pagenavi a:hover {
	font-family: 'roboto';
	background-color: #540a0c;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.3rem;
	color: #000000!important;
	text-shadow: none;
	padding: 1rem;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	text-transform: uppercase;
	border: 0rem;
}

.wp-pagenavi span.pages, .wp-pagenavi span.extend {
	font-family: 'roboto';
	background-color: #540a0c;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.3rem;
	color: #000000;
	text-shadow: none;
	padding: 1rem;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	text-transform: uppercase;
	border: 0rem;
}

.wp-pagenavi span.current {
	font-family: 'roboto';
	background-color: #540a0c;
	text-decoration: none;
	font-weight: 400;
	font-size: 1.3rem;
	color: #000000;
	text-shadow: none;
	padding: 1rem;
	-webkit-transition-duration: .1s;
	-moz-transition-duration: .1s;
	text-transform: uppercase;
	border: 0rem;
}

/*Footer*/

.footer {
	height: 4.5rem;
	padding: 1.4rem;
	text-align: center;
	/* background: url(images/2_07.png); */
}

.foot {
	font-family: 'roboto';
	font-weight: 400;
	font-size: 1.4rem;
	color: #494a4b;
	/* padding: 1rem; */
	text-transform: uppercase;
	display: inline-block;
}

.footer a {
	font-family: 'roboto';
	font-weight: 400;
	font-size: 1.4rem;
	color: #494a4b!important;
	text-align: center;
}

aside#visitor-counter {
	margin: auto;
	text-align: center;
	background: #ffffff;
	color: #373737!important;
}

.widget a {
	color: #ffffff!important;
	background: #151515;
	padding: 1rem 16.5rem;
}

.widget a:hover {
	background: #151515;
	color: #ffffff!important;
	padding: 1rem 16.5rem;
}

#slider {
	/* background: #363636; */
	width: 100%;
	margin: 0 auto;
	background-image: url(images/header_10_13.png);
}

#slider img {
	display: none;
}

.show {
	display: inline;
}

.send img, .send img:hover {
	border: none;
	background-color: none;
	margin: 0 0 1.2rem 0;
	padding: 0;
	outline: none;
	box-shadow: none;
	filter: none;
}