/*
Theme Name: Oriola Theme
Theme URI: https://tusitio.com
Author: Oriola
Author URI: https://
Description: Un tema básico para WordPress.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: oriola-theme
*/

:root{
	--primary-color: #ff7913;
	--color-theme: #292929;
}

body{
	background-color: var(--color-theme);
	font-family: 'Poppins', sans-serif !important;
	line-height: 1.6;
	
	
}
body:before{
	content: "";
	position: fixed;      /* se queda fija mientras haces scroll */
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('../oriole-theme/assets/images/background-texture.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0.1;         /* aquí ajustas la opacidad */
	z-index: -1;   
}


/** ERROR 404 **/
.gn-404{
	height: 80vh;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	font-weight: 300;
	font-family: "Lato", sans-serif;
	color: white;
}
.gn-404 .btn{
	background-color: var(--primary-color);
	padding: 10px 20px;
	width: fit-content;
	border-radius: 10px;
	color: white;
	text-decoration: none;
	border: 2px solid var(--primary-color);
}
.gn-404 .btn:hover{
	background-color: transparent;
	color: var(--primary-color);
	border: 2px solid var(--primary-color);
}

/** BARRA SUPERIOR - MENU **/
.barra-superior{
	position: absolute;
	margin-bottom: 20px;
	z-index: 99;
	top: 20px;
	left: 0;
	right: 0;
	width: 100%;
	padding: 30px 50px;
}

.barra-superior .navbar-brand{color: white;}
.barra-superior a{color: white;}

/** ARTICULOS **/
.articleInter{position: relative;}
.archivePostlist .singlePost{margin-bottom: 60px;}
.archivePostlist .singlePost .post-thumbnail,
.articleInter .post-thumbnail{
	position: relative;
	overflow: hidden;
	height: 280px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 20px;
	border-radius: 10px;
}
.articleImgMeta{margin-bottom: -10px;}
.articleInter .post-thumbnail{height: 550px;}

.archivePostlist .singlePost .post-thumbnail img,
.articleInter .post-thumbnail img{
	height: auto;
	width: 110%;
}
.articleInter .entry-meta{
	position: absolute;
	top: 0px;
	z-index: 9;
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 10px 20px;
}
.archivePostlist .singlePost .entry-title{margin-bottom: 20px;}
.archivePostlist .singlePost .entry-title a{
	font-size: 25px;
	text-decoration: none;
	color: #3f3f3f;
}
.articleInter .articleInterInfo .entry-title a{
	text-decoration: none;
	color: #3f3f3f;
}
.archivePostlist .articleInterInfo{
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	align-content: center;
	align-items: center;
	font-size: 13px;
}
.reading-time{
	background-color: white;
	color: black;
	padding: 5px 10px;
	border-radius: 10px;
}
.articleInter .entry-meta .date{
	background-color: white;
	padding: 5px 10px;
	border-radius: 10px;
}
.archivePostlist .articleInterInfo .date i{margin-right: 5px;}
.archivePostlist .entry-header{
	background-color: white;
	border-radius: 10px;
	padding: 10px 20px;
	color: rgb(46, 46, 46);
}
.archivePostlist .articleInterInfo .postCategories a,
.articleInter .entry-meta .postCategories a{
	color: white;
	text-decoration: none;
	background-color: var(--primary-color); 
	padding: 5px 10px;
	border-radius: 10px;
	border: 2px solid var(--primary-color);
}
.archivePostlist .articleInterInfo .postCategories a:hover,
.articleInter .entry-meta .postCategories a:hover{
	color: var(--primary-color);
	background-color: transparent; 
	border: 2px solid var(--primary-color);
}
.articleInter .entry-meta .postCategories{
	display: flex;
	align-items: center;
	align-content: center;
	color: white;
}
.archivePostlist .btn-read-more{
	background-color: var(--primary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	padding: 10px 5px;
	color: white;
	text-decoration: none;
	border-radius: 10px;
	border: 2px solid var(--primary-color);
}
.archivePostlist .btn-read-more:hover{
	background-color: transparent;
	color: var(--primary-color);
	border: 2px solid var(--primary-color);
}

/** POST LEFT - RIGHT **/
.gn-postNavigation{
	padding-left: 10px;
	padding-right: 10px;
}
.postLeft, .postRight{
	background-color: transparent;
	color: var(--primary-color);
	padding: 10px 20px;
	border-radius: 10px;
	border: 2px solid var(--color-theme);
}
.postLeft a, .postRight a{
	text-decoration: none;
	color: var(--primary-color);
	width: 100%;
}
.postLeft:hover,
.postRight:hover {
	background-color: transparent;
	border: 2px solid var(--primary-color);
}

#scrollTopBtn{
	position: fixed;
	bottom: 20px;
	right: 20px;
	background-color: var(--primary-color);
	color: white;
	height: 40px;
	width: 40px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 10px;
	border: 0px solid transparent;
}
#scrollTopBtn:hover{
	background-color: white;
	color: var(--primary-color);
}

/** Footer Copy **/
footer .copy{padding: 20px 10px;}
/** WIDGET BUSCADOR **/
.wp-block-search__inside-wrapper{
	border-radius: 10px;
	border: 0px solid transparent;
	padding: 0px;
	border-right: 10px;
	margin-bottom: 10px;
}
.wp-block-search__inside-wrapper input{
	border-radius: 10px;
	padding-left: 15px;
}
.wp-block-search__inside-wrapper button{
	background-color: var(--primary-color);
	border: 0px solid transparent;
	border-radius: 10px;
	color: white;
}
.wp-block-heading{font-size: 22px;}
.wp-block-latest-posts__list li a{
	background-color: white;
	width: 100%;
	display: flex;
	margin-bottom: 10px;
	padding: 5px 10px;
	border-radius: 10px;
	color: #3f3f3f;
	text-decoration: none;
}
.wp-block-categories-list{padding: 0px;}
.wp-block-categories-list li{
	margin-left: 0px;
	margin-bottom: 10px;
	list-style-type: none;
}
.wp-block-categories-list li a{
	background-color: var(--primary-color);
	padding: 10px 15px;
	width: 100%;
	display: flex;
	border-radius: 10px;
	text-decoration: none;
	color: white;
}
.wp-block-search__input{height: 50px;}
.wp-block-search__button{margin: 5px;}
.widget{margin-bottom: 40px;}
.postHead{
	height: 500px;
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	background-color: black;
	position: relative;
	overflow: hidden;
}
.postHead img{
	opacity: .8;
	width: 100%;
	height: auto;
}
.postHead .entry-meta{
	position: absolute;
	bottom: 0px;
	color: white;
	width: 100%;
	max-width: 1320px;
	background-color: white;
	border-radius: 20px 20px 0px 0px;
	padding: 20px 20px;
}
.postHead .entry-meta .entry-dates{
	display: flex;
	justify-content: space-between;
	width: 100%;
	color: rgb(44, 44, 44);
	margin-bottom: 10px;
}
.postHead .entry-meta .entry-dates .postCategories a{
	color: rgb(44, 44, 44);
	text-decoration: none;
}
.postHead .entry-meta .entry-title{
	max-width: 55%;
	padding-top: 20px;
}
.postHead .entry-meta .entry-title a{
	text-decoration: none;
	color: rgb(46, 46, 46);
}
.gn-interiorEntrada{
	background-color: white;
	margin-top: -30px;
	padding-top: 50px;
	border-radius: 0px 0px 20px 20px;
	padding-bottom: 50px;
}
.articleInterInfo{padding: 0px 20px;}
.articlePrev, .articleNext{
	margin: 10px;
	width: 100%;
	border-top: 1px solid rgb(107, 107, 107);
	padding-top: 10px;
}
.img-miniatura{
	height: 70px;
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 10px;
}
.img-miniatura img{
	width: auto;
	height: 100%;
}
.articlePrev a, .articleNext a{
	text-decoration: none;
	color: rgb(57, 57, 57);
}
.articleNext a{text-align: right;}
 
.articleImgMeta .entries-list{
	margin-top: 120px;
	color: white;
	padding: 0 20px;
}
.articleImgMeta{position: relative;}
.articleImgMeta .reading-time{
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 14px;
}
.articleImgMeta .reading-time i{margin-right: 5px;}
.articleImgMeta .articleInterInfo{
	position: absolute;
	top: 10px;
	left: 15px;
	right: 15px;
}
.articleImgMeta .articleInterInfo .date{
	background-color: white;
	color: black;
	padding: 5px 10px;
	border-radius: 10px;
}
 .categoryPosts{
	 background-color: black;
	 padding-bottom: 40px;
	 color: white;
	 margin-bottom: 80px;
	 height: 320px;
	 display: flex;
	 justify-content:center;
	 align-items: center;
	 align-content: center;
	 position: relative;
	 overflow:  hidden;
 }
.categoryPosts img{opacity: .8;}
.categoryPosts h2{
	position: absolute;
	z-index: 99;
	bottom: 40px;
}
.wp-block-heading{color: white;}
.gn-interiorEntrada  .wp-block-heading{color: black;}
.backgroundFooter{
	background-color: white;
	border-radius: 10px;
	margin: 10px;
}
ul.menu-legal {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: flex;
}
ul.menu-legal li a{
	font-size: 15px;
	color: black;
	text-decoration: none;
	padding-right: 5px;
}
ul.menu-legal li:first-child a:before{content: none;}
ul.menu-legal li a:before{content:' - ';}

article.page{
	background-color: white;
	padding: 20px;
	border-radius: 10px;
	margin-top: 120px;
	margin-bottom: 20px;
}
article.page h1,
article.page h2,
article.page h3,
article.page h4,
article.page h5,
article.page h6{
	color: black;
}
.gn-dropdownmenu li a{
	color: black;
}
@media (max-width: 576px){
	.postHead .entry-meta .entry-title{max-width: 100%;}
	.postHead .entry-meta{max-width: 100%;}
}
@media (min-width: 577px) and (max-width: 767.98px){
	.postHead .entry-meta{max-width: 540px;}
	.postHead .entry-meta .entry-title{max-width: 100%;}
}
@media (min-width: 768px) and (max-width: 991.98px ){
	.postHead .entry-meta{max-width: 720px;}
	.postHead .entry-meta .entry-title{max-width: 100%;}
}
@media (min-width: 992px) and (max-width: 1199.98px){
	.postHead .entry-meta{max-width: 960px;}
	.postHead .entry-meta .entry-title{max-width: 100%;}
}
@media (min-width: 1200px) and (max-width: 1399.98px){
	.postHead .entry-meta{max-width: 1140px;}
	.postHead .entry-meta .entry-title{max-width: 100%;}
}
@media (min-width: 1400px) and (max-width: 1796.4706px){}