/*
Theme Name: Mar Theme
Theme URI: 
Author: Mar Melich Marin
Author URI: mmelichmarin.ieti.site
Description: Tema exclusivo para la mejor tienda de replicas online.
Tags: 
Version: 1.0
Requires at least: 5.0 
Tested up to: 5.4 
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: marTheme is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others.
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* ******************************************************
		CSS GENERAL	
******************************************************** */

html, body {
	background: #bfa485;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	max-width: 1000px;
	margin: 0 auto;
}

/* bloques */
main, 
header:not(.entry-header),
footer:not(.entry-footer),
aside, 
nav#navigation, 
body.home section{
	padding: 20px;
	margin-bottom: 15px;
	background: rgba(255,255,255,0.25);
	
	/* Safari 3-4, iOS 1-3.2, Android 1.6- */
	-webkit-border-radius: 25px; 
  
	/* Firefox 1-3.6 */
	-moz-border-radius: 25px; 
	
	/* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
	border-radius: 25px; 
}

a{
	color: #7B506F;
	text-decoration: none;
}

h1{
	font-size: 30px;
}
h2{
	font-size: 26px;
}
h3{
	font-size: 22px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}

code {
	background-color: beige;
	border: 1px solid brown;
}

nav#navigation ul {
	display: flex;
	flex-direction: row;
	justify-content: space-evenly;
}

nav#navigation ul li {
	margin-right: 10px;
}

nav#navigation ul li a{
	padding: 10px 20px ;
	font-size: 20px;
	text-decoration: none;
	border: 1px solid grey;
	display: block;
	background-color: #7B506F;
	border-radius: 15px;
	color: beige;
}

nav#navigation ul li a:hover{
	background-color: #b0739f;
	text-decoration: underline;
}


div.container {
	display: flex;
	flex-direction: row;
}

div.container main {
	width: 70%;
}

div.container aside {
	width: 30%;
	margin-left: 15px;
	box-sizing: border-box;
}
body.page-template-page-sidebarless div.container main,
body.error404 div.container main {
	width: 100%;
}

/* MARK: ARTICLE */
article {
	padding: 20px;
	background-color: rgba(0,0,0,0.2);
	margin-bottom: 15px;
	border-radius: 15px;
	line-height: normal;
}

article:last-child {
	margin-bottom: 0;
}

article img.wp-post-image{
	width: 100%;
	height: auto;
}

article h1{
	font-size: x-large;
	margin-top: 15px;
	font-weight: bold;
}

article h3{
	margin-top: 15px;
	font-size: larger;
}

article h4{
	margin-top:15px;
	font-size: large;
	text-decoration: underline;
}

article p{
	margin-top: 5px;
	margin-bottom: 15px;
}

article strong{
	font-weight: bold;
	color:#67435d;
}

article .entry-title{
	padding: 5px 0;
	color:#67435d;
}


aside h2,
aside ul,
aside ol {
	margin-bottom: 15px;
}

aside h2 {
	font-weight: bold;
}

aside li h2 {
	border-bottom: 1px solid black;
}



/* 3 columnas de front-page 3 primeras entradas */
body.home section h3{
	font-weight: bold;
	margin-bottom: 10px;
}


body.home section ul{
	display:flex;
	flex-direction: row;
	gap: 20px;
}

body.home section ul li {
	width: 33.33%;
	padding: 20px;
	background-color: rgba(0,0,0,0.2);
	border-radius: 15px;
}

body.home section ul li article {
	background: none;
	padding: 0;
	margin: 0;
}

/* MARK: COMMENTS */
#commentsContainer{
	display: flex;
	flex-direction: column;
}

#commentsContainer .commentlist{
	margin: 10px;
}

#commentsContainer .commentlist li{
	margin: 10px 0px;
	padding: 10px;
	background-color: rgb(123, 80, 111, 0.2);
	border-radius: 15px;
	border: 1px solid #7B506F;
	border-left: 2px solid #7B506F;
}

#commentsContainer .commentlist li p{
	padding: 7px 0;
}

#commentsContainer .commentlist li .fn {
	font-weight: bold;
	padding: 5px;
}

#commentsContainer .commentlist li .vcard{
	display: flex;
	align-items: center;

}


#commentsContainer .commentlist li .vcard img {
	border: 1px solid #7B506F;
	margin: 0 5px;
	border-radius: 5px;
}

#commentsContainer .commentlist li .vcard{
	margin: 5px 0;
}



/* MARK: RESPOND FORM */
#respond{
	display: flex;
	flex-direction: column;
	margin: 10px;
	background-color: rgba(0,0,0,0.2);
	border-radius: 15px;
	padding: 10px;
	border: 2px solid #7B506F;
}

#respond #reply-title{
	padding:5px 0;
}

.logged-in-as{
	display: inline;
}

#respond span{
	font-size: small;
	color: #2f2f2f;
}


#respond form .comment-form-comment{
	display: flex;
	flex-direction: column;
	margin: 10px 0px;
	padding-top: 5px;
}

textarea{
	border-radius: 5px;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, 0.337);
	border: 2px solid #7B506F;
	color:#7B506F;
	font-weight: bold;
}

input{
	border-radius: 5px;
	border: 1px solid black;
	padding: 5px;
	margin: 5px 0;
	background-color: rgba(255, 255, 255, 0.337);
	border: 2px solid #7B506F;
	color:#7B506F;
	font-weight: bold;

}

input#submit{
	background-color: #7B506F;
	color: beige;
	padding: 10px;
	border-radius: 5px;
	border: none;
	margin: 10px 0px;
}

input#submit:hover{
	background-color: #b0739f;
	text-decoration: underline;
	cursor: pointer;
}

.comment-form-cookies-consent{
	padding: 5px 0;
	font-size: 15px;
}


/* MARK: PAGINADOR */
.nav-links{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin-top: 20px;
}

.nav-previous{
	width: 300px;
}
.nav-next{
	width: 300px;
	text-align: right;
}

.nav-links .meta-nav{
	font-size: large;
}



/* MARK: HEADER */
#header{
	display: flex;
	flex-direction: row;
	align-items: center;
}


#header a{
	font-size: 60px;
}
.site-description{
	font-size: 30px;	
}


.site-branding{
	padding: 10px;
}

#header h1{
	font-size: 60px;
    color: #7B506F;
}

#header .description{
	margin: 5px 2px;
	font-size: large;
}




.site-logo img{
	max-width: 150px !important;
	max-height: 150px !important;
}

/* MARK: NAVIGATION */



/* MARK: SIDEBAR */
#sidebar a {
	margin-bottom: 10px  !important;

}

#sidebar #searchsubmit{
	background-color: #7B506F;
	color: beige;
	padding: 10px;
	border-radius: 5px;
	border: none;
	margin: 10px 0px;
}
#sidebar #searchsubmit:hover{
	background-color: #b0739f;
	text-decoration: underline;
	cursor: pointer;
}


/*MARK: FOOTER */
footer p{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 5px;
}
footer p a{
	padding: 5px;
}
footer nav #menu-menu-secundario{
	padding-top: 15px;
	display: flex;
	justify-content: space-around;
}