/*
Theme Name: RecursosyFormacion
Theme URI: https://recursosyformacion.com/
Author: Gregorio Gatsby
Author URI: https://www.linkedin.com/in/gregoriogastby/
Description: Tema en bloques para recursos y formación
Requires at least: 6.8
Tested up to: 6.8
Requires PHP: 5.7
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: twentytwentyfive
Text Domain: recursosyformacion
Tags: 
*/

*{
	box-sizing:border-box;
}

/*###################################
# HEADER
###################################### */



@media (max-width:768px){
	.has-global-padding{
		padding-left:5%;
		padding-right:5%;
	}
}

.rf-logo img{
	height:40px;
	width:auto;
}

.rf-header{
	align-items:center !important;
	border-bottom: 3px solid #161616;
	
}

.rf-header-options{
	display:flex;
	flex-wrap:no-wrap;
	align-items:center;
	flex-direction:row;
	flex-grow:1;
}

.rf-header-options-end{
	display:flex;
	flex-grow:1;
	justify-content:flex-end;
	align-items:center;
	margin-top:0;
}

.rf-header-options-end > div{
	margin:0!important;
}

.rf-search-button .kb-button.kb-btn-global-outline{
	border:none !important;
	color:transparent;
}

.kb-search-input[type="text"]:focus{
	outline:none!important;
}

.rf-header-nav a.wp-block-navigation-item__content{
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	padding-left: 10px;
    padding-right: 10px;
	padding-top: 15px;
    padding-bottom: 15px;
	color: #333;
	letter-spacing: 0.12em;
	line-height: 1;
}

@media only screen and (min-width: 768px){
	.rf-header-nav a.wp-block-navigation-item__content{
		-webkit-transition: .2s all;
        transition: .2s all;
		
	}
	
	.rf-header-nav a.wp-block-navigation-item__content:hover,
	.rf-header-nav a.wp-block-navigation-item__content:focus{
		background: #212121;
		text-decoration:none;
		color:white;
	}
	
	.rf-header-nav{
		gap:0;
	}
}

@media screen and (max-width: 1024px) {
  /* hamburger button */
  .wp-block-navigation__responsive-container-open  {
    display: block !important;
  }

  /* full menu */
  .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
    display: none !important;
  }
	
	.rf-main-header{
		background-color:#222;
		padding-top:5px;
	}

   .rf-header{
	position:relative;
   }
  .rf-logo{
	width:50%;
	text-align:center;
	margin:auto !important;
	z-index:999;
	  
  }
  .rf-header-options{
    position:absolute;
	padding:0;
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
  }
	
	.rf-header-options .kb-svg-icon-wrap.kb-svg-icon-fe_search.kt-btn-icon-side-right{
		color:white;
	}
	.wp-block-navigation__responsive-container-open{
		color:white;
	}
	.rf-header-options .wp-block-navigation-item.wp-block-navigation-link{
		margin-bottom:1rem;
	}
	
}

/*###################################
# SINGLE POSTS
###################################### */

.rf-post-single-wrapper{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	max-width:1140px;
	margin:auto;
}

/* Sidebar */
.rf-post-single-sidebar{
	width:33.33%;
	margin-right:15px;
	display:none;
	
}

.rf-post-single-sidebar.rf-post-single-sidebar-archive{
	width:30%;
	margin:0!important;
}

.rf-post-single-sidebar-widget{
	width:100%;
	background: #f2f2f2;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 30px;
	
}

.rf-post-single-sidebar-title{
	color: #161616;
	border-bottom: 3px solid #161616;
	font-weight: 700;
	letter-spacing: 0.1em;
	line-height: 1.3;
	text-transform: uppercase;
	font-size:20px;
	padding-bottom: 10px;
    display: inline-block;
	margin-bottom:1rem;
}

/* Content */

.rf-post-single-content{
	width:100%;
	margin-block-start: 0!important;
	padding:0 10px;
}




.rf-post-single-title{
	font-size:22px; 
	font-weight: 700;
    line-height: 1.3;
    text-transform: inherit;
	
}


.rf-post-single-meta{
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
}
.rf-post-single-meta-author a{
	text-decoration:none;
}

.aioseo-breadcrumbs{
	font-size:17px;
}

.aioseo-breadcrumbs a{
	text-decoration:none !important;
}

@media (min-width:1020px){
	.aioseo-breadcrumbs{
		font-size:19px;
	}
	
	.rf-post-single-title{
		font-size:32px; 
	}
	
	.rf-post-single-content{
		margin-left:15px;
	}
	
	
	
}

@media (min-width:768px){
	.rf-post-single-content{
		width:66.66%;
	}
	.rf-post-single-content.rf-post-single-content-archive{
		margin-right:auto!important;
	}	
	.rf-post-single-sidebar{
		display:block;
	}
	
	.rf-post-single-sidebar-posts.wp-block-kadence-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside  article{
		padding-bottom:1rem;
		border-bottom: 1px dotted rgb(221, 221, 221);
	}
	
	.rf-post-single-sidebar-posts.wp-block-kadence-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside  article:last-of-type{
		padding-bottom:0;
		border-bottom: none;
	}
	.rf-post-single-sidebar-posts.wp-block-kadence-posts.kb-posts-style-unboxed.grid-lg-col-1.item-image-style-beside  article.loop-entry{
		gap:1rem;
		    
	}
	
	.rf-post-single-sidebar-posts .entry-title{
		line-height:0.9;
	}
	
	.rf-post-single-sidebar-posts .post-thumbnail-inner img{
		width:120px;
		height:120px;
	}
	
	.rf-post-single-sidebar-posts .entry-title a{
		font-family: 'Montserrat', sans-serif;
		font-size: 14px;
		font-weight: 700;
		color: #161616;
		text-decoration:none;
		letter-spacing: 0.1em;
		line-height: 1em;
		text-transform: uppercase;
	}
	
}



/*###################################
# Archives - POSTS
###################################### */


.rf-archive-post{
	display:flex;
	flex-wrap:nowrap;
	width:100%;
	flex-direction:column;
}

.rf-archive-post h2 a{
	font-size:14px;
	font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
}

.rf-archive-post h2 a:hover{
	text-decoration:none;
}

.rf-archive-post .wp-block-post-excerpt{
		margin-top:0;
}

.rf-archive-posts li{
	margin-top:0;
}

.rf-archive-pagination-numbers .page-numbers{
	-webkit-transition: .3s ease-out all;
    transition: .3s ease-out all;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    padding: 7px 12px;
    font-size: 10px;
    min-width: 35px;
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
	text-decoration:none;
}

.rf-archive-pagination-numbers .page-numbers:hover{
	border-color: #111;
    background: #111;
    color: #fff;
}

.rf-archive-pagination-numbers .page-numbers.dots{
	background-color: transparent;
    padding: 5px 0;
    min-width: 0;
	border-color:transparent;
}

.rf-archive-pagination-numbers .page-numbers.dots:hover{
	background-color: transparent;
	border-color:transparent;
}

.rf-archive-pagination .wp-block-query-pagination-previous,
.rf-archive-pagination .wp-block-query-pagination-next{
	display:none;
}


.rf-archive-pagination-numbers .page-numbers.current{
	border-color: #111;
    background: #111;
    color: #fff;
    padding-bottom: 5px;
}

.rf-archive-post-image,
.rf-archive-post-image img{

	width:100%;
}
@media (min-width:576px){
	
	.rf-archive-post{
		flex-direction:row;
	}
	
	.rf-archive-post h2 a{
		font-size:20px;
	}
	.rf-archive-post  .rf-archive-post-content{
		flex:1;
		margin: 0 0 0 1rem !important;
	}
	.rf-archive-post  .rf-archive-post-content{
		font-size:16px;
	}
	.rf-archive-post-image{
		min-width:260px;
		overflow:hidden;
	}
	
	.rf-archive-post-image{
		width:300px;
		height:160px;
	}
	.rf-archive-post-image a img{
		height:auto;
		max-width:300px;
		
	}
	
}
   
/*###################################
# TEMPLATE PARTS
###################################### */



/* Titles */
.rf-title{
	width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    font-weight: 700;
}

.rf-title-archive{
	margin:0;
	border-bottom:3px solid #161616;
	padding-bottom:7px;
}

.rf-title .title{
	display:inline-block;
	font-size:36px;
	font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.2;
    text-transform: uppercase;
	position: relative;
	padding: 0 30px 0 0;
	color:#161616;
}

.rf-title .title:after{
	background: #161616;
	content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 1920px;
    left: 100%;
}

/* RF POSTS */

.rf-posts{
	display:flex;
	flex-wrap:wrap;
}

.rf-posts li{
	box-sizing:border-box;
	width:33.33%;
	padding: 0 1rem;
	margin:0;
	
}


.rf-posts h3 a{
	font-family: var(--wp--preset--font-family--montserrat);
	text-decoration:none;
	color:var(--wp--preset--color--accent-5);
	font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3;
    text-transform: uppercase;
	font-size:14px;
}

.rf-posts .entry-summary,
.rf-posts .wp-block-post-excerpt p{
	font-size: 14px;
    font-weight: 400;
    line-height: 1.6;
    text-transform: none;
	text-wrap: pretty;
}

.rf-posts li figure{
		width:100%;
		height:auto;
		object-fit:cover;
		overflow:hidden;
}



@media (max-width: 1024px){
	.rf-posts li{
		width:50%;
		
	}
	
	.rf-posts li figure{
		max-height:180px;
	}
	.rf-posts li:nth-child(odd){
	padding-left:0;
	}
	.rf-posts li:nth-child(even){
		padding-right:0;
	}
	
	
}

@media (max-width: 575px){
	.rf-posts li{
		width:100%;
		padding:0;
	}
	
}

@media (min-width: 1024px) {
	.rf-posts h3 a{
		font-size:20px;
	}
	.rf-posts .entry-summary{
		font-size: 16px;
	}
	.rf-posts li:nth-child(4n),
	.rf-posts li:nth-child(1){
		padding-left:0;
	}
	.rf-posts li:nth-child(3n){
		padding-right:0;
	}
	
	.rf-posts li img{
		max-height:240px;
		height:240px;
	}
	
}

/*###################################
# FOOTER
###################################### */


.rf-footer-content{
	text-align:center;
}

.rf-footer-content nav.navigation{
	justify-content:center !important;
}



.rf-footer-copyright a{
	text-decoration:none;
	font-weight: bold;
	font-size:12px;
}

@media (max-width:576px){
	.rf-footer-copyright{
		flex-direction:column;
		align-items:center;
		text-align:center;
		
	}
}

@media (min-width:768px) and (max-width:1200px){
	.rf-footer-copyright{
		padding:0 1rem !important;
	}
}