/*
Theme Name: Twenty Twenty-One Setian
Theme URI: https://setian.co
Template: twentytwentyone
Author: Sebastian Gonzlaez Dixon
Author URI: https://setian.co
Description: Twenty Twenty-One Setian is a Child theme for Twenty Twenty-On, a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Tags: one-column,accessibility-ready,custom-colors,custom-menu,custom-logo,editor-style,featured-images,footer-widgets,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 1.0.1637517824
Updated: 2021-11-21 13:03:44

*/

body{
  text-align: justify;
  background: rgb(240,240,240);
  background: linear-gradient(51deg, rgba(240,87,131,0.1) 0%, rgba(86,122,179,0.1) 100%) !important;
}

.site-header{
  padding: 0;
}

.site-main{
  padding-top: 0px !important;
}

.singular .entry-header, .singular .entry-title, .blog .page-title, .error404 .page-title, .archive .page-title, .search .page-title {
  text-align: center;
  font-weight: 200;
  text-transform: uppercase;
  color: #333;
  border: solid 1px #f05783;
  padding: 1rem;
}

.post h1.entry-title {
  text-align: left !important;
}

.singular .has-post-thumbnail .entry-header, .entry-header{
  border-bottom: solid 1px #f05783;
}

.singular .entry-header, .page-header {
    border-bottom-width: 1px !important;
}



.entry-title{
  border: 0 !important;
}

header.entry-header.alignwide.my-single-post {
  background: rgb(240,87,131);
  background: linear-gradient(51deg, rgba(240,87,131,0.758140756302521) 0%, rgba(86,122,179,0.5060399159663865) 100%);
  padding-bottom: 0.5rem;
  border: 0;
}

.blog .site-main>article>.entry-header>.post-thumbnail img, .category .site-main>article>.entry-header>.post-thumbnail img{
  z-index: -1 !important;
}

.posted-on.default-max-width{
  font-size: 0.7rem;
  color: #0000;
  background-color: #fffd;
  z-index: 9;
}

time.entry-date.published.updated{
  color: #000 !important
}

.singular .entry-header, .page-header {
    margin-bottom: 2rem !important;
}

.archive-description {
    font-size: 1.2rem;
    font-weight: 200;
    text-align: center;
    text-align: justify;
}

.entry-content > iframe[style]{
  margin: 0 auto !important;
  width: 100%;

}

h5.has-text-align-center {
    text-transform: uppercase;
    background: rgb(254,230,146);
    background: linear-gradient(230deg, rgba(254,200,106,1) 0%, rgba(253,187,45,1) 100%);
    padding: 2rem;
    font-size: 2.5rem;
    font-weight: 300;
    color: #2c3e59;
}

h2.vp-portfolio__item-meta-title {
    font-size: 1rem !important;
    text-transform: uppercase;
    font-weight: 900;
}

.vp-portfolio__items-style-emerge .vp-portfolio__item a{
  font-size: 1rem;
}

span.vp-portfolio__item-meta-part-text {
    font-size: 0.6rem !important;
    line-height: 0.7rem;
}

.widget-area{
  margin-top: 0px;
  border-top: 0.2rem solid #333;
}

a.wp-block-button__link, a.wp-block-file__button {
    background-color: #fff !important;
    color: #567ab3 !important;
    border: 0.1rem solid #567ab3 !important;
    margin: 0.5rem;
    border-radius: 0rem !important;
    box-shadow: 0.3rem 0.3rem 0 #8883;
    text-transform: uppercase;
}

a.wp-block-button__link:hover, a.wp-block-file__button:hover {
  color: #fff !important;
  background-color: #567ab3 !important;
}

.span_1_of_6.filein{
	width: 100%;
}



.display-header{
  display: grid;
  grid-template-columns: 65% 35%;
  margin: 0;
  padding: 0;
}

.display-flex{
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  padding: 1rem;
}

.page-style{
  background-color: transparent !important;
}

.author-display, .posted-on{
  width: 100%;
  text-align: left;
  font-weight: 400;
  padding: 0 1rem 0 0;
  margin: 0;
  color: #000;
}



figure.post-thumbnail{
  height: fit-content;
  margin: 0px;
  padding: 0px;
}

.post-thumbnail .wp-post-image{
  margin: 0;
}

.ugb-blog-posts.ugb-blog-posts--v2 .ugb-blog-posts__featured-image{
  border-radius: 0px;
}




/* DEL POST SLIDER */

.wppsac-post-slider h2.wppsac-post-title, .wppsac-post-carousel h2.wppsac-post-title{
  text-transform: uppercase;
  font-weight: 900;
}

.wppsac-post-slider.design-3 .wppsac-post-image-bg{
  height: 600px;
}


/* ADOPTADOS DEL SITE ANTERIOR */

/*
Puedes añadir tu propio CSS aquí.

Haz clic en el icono de ayuda de arriba para averiguar más.
*/

a {
	color: rgb(102, 42, 0);
}

a:hover {
  text-decoration:underline;
  color: rgb(255, 104, 0);
}

h3 {
	font-size: 1.5em;
	color: #f05783;
	text-align:center;
}

.section-cat6 h1{
	padding: 2rem 4rem;
	line-height: 3rem;
}

.wp-block-file .wp-block-file__button {
    background: #fff;
    border: solid;
    border-width: thin;
}

.wp-block-button__link{
	background: #fff;
  border: solid;
  border-width: thin;
}

.wp-block-button{
	margin: 0 8px;
}

.wp-block-file .wp-block-file__button:hover{
	background: #000;
}

.section-multiple .sidebar .widget-box:last-child{
	border: 0px;
	padding: 0px;
}

.wp-block-columns{
	margin-top: 20px;
	margin-bottom: 0px;
}

.presentation .wp-block-column{
	margin-top: 0px;
	margin-bottom: 0px;
}

.presentation .wp-block-button__link{
	background: #f9c03a;
	color: #fff !important;
	font-weight: bolder;
  border: 0px;
  border-width: thin;
}

.editor .alignright{
	margin: 0px !important;
}

.editor .alignleft{
	margin: 0px !important;
}

.editor hr{
	border-style: solid;
	height 1px;
	width:100%;
}

.has-large-font-size{
	line-height:40px;
}

.freebirdFormviewerViewCenteredContent{
	margin:0px !important;
}

.max-width-540px{
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}

/*
.vp-portfolio__item-meta-category {
    background-color: #fff;
		color: #333;
    padding: 5px 10px;
    border-radius: 10px;
}

.vp-portfolio__item-meta-part.vp-portfolio__item-meta-author {
    background-color: #ff;
		color: #333;
    padding: 5px 20px 5px 0px;
    border-radius: 10px;
}
*/

.vp-portfolio__items-style-fade .vp-portfolio__item-meta>*{
	margin-bottom: 0;
}

.vp-portfolio__items-style-fade .vp-portfolio__item-meta{
	padding: 1rem;
}

.site-main>article.has-post-thumbnail>.entry-header>.entry-title>a {
  font-size: 1rem;
  text-shadow: none;
	background-color: #0008;
	padding: 0.5rem;
	color: #fff;
  text-shadow: 0 0 0 black !important;
  font-weight: 400 !important;
  color: #fff;
  z-index: -1;
}

.fb_iframe_widget iframe{
  max-height: 600px !important;
}

.author .site-main {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    justify-content: center;
}

.author .site-main>*{
  padding: 1rem;
  margin: 0;
}

.author .site-main>article>.entry-header{
  width: 100%;
  position: relative;
  margin: 0;
}

.author .site-main>article>.entry-header>.entry-title {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    text-align: center;
}

.author .site-main>article>.entry-header>.post-thumbnail {
    margin: 0;
    aspect-ratio: auto 1226 / 624;
}

.author .site-main>article>.entry-header>.post-thumbnail img {
    /*position: absolute;*/
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    margin: 0;
    z-index: 1;
}

.author .site-main>article>.entry-header>.post-thumbnail img {
    z-index: -1 !important;

}

.author .site-main>article>.entry-header>.post-thumbnail figcaption, .author .site-main>article>.entry-footer, .author .site-main>article>.entry-content {
    display: none;
}

.author .site-main>article>.entry-header>.post-thumbnail figcaption, .author .site-main>article>.entry-footer, .author .site-main>article>.entry-content {
    display: none;
}

.author .site-main>article>.entry-header>.entry-title>a {
    display: flex;
    justify-content: center;
    padding: 0 1rem;
    align-items: center;
    height: 100%;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 900;
}

@media (min-width: 822px){

  .site-header{
    padding: 0 0 0 0 !important;
  }

  .archive .site-main>article, .category .site-main>article, .blog .site-main>article, .author .site-main>article{
    width: 33% !important;
  }

  .author .site-main>article>.entry-header>.entry-title {
    font-size: 2vw;
}

}

@media only screen and (min-width: 482px){
  .site-header{
    padding: 0 0 0 0 !important;
  }

  .primary-navigation .sub-menu .menu-item > a:link, .primary-navigation .sub-menu .menu-item > a{
    font-weight: 500;
  }

  .author .site-main {
    padding-left: 1rem;
    padding-right: 1rem;
  }


}


@media (max-width: 598px){

  ul {
      padding-left: 1rem;
  }

.freebirdFormviewerViewCenteredContent {
		width: 55% !important;
		margin:0px !important;
	}

	.wp-block-button__link{
		font-size: 12px;
		padding: 12px 12px;
		border-radius: 0px;
	}

	.wp-block-column{
		flex-basis: 49% !important;
	}

  h5.has-text-align-center {
    font-size: 2rem;
  }

  .flex-align-end{
    align-items: flex-end;
  }

  .display-header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

  .singular .entry-title, .blog .page-title, .error404 .page-title {
    font-size: 2rem !important;
  }
}

@media only screen and (max-width: 481px){
  h5.has-text-align-center {
    font-size: 1.5rem;
  }
}

@media only screen and (min-width: 822px) and (max-width: 1560px){
  .post-thumbnail, .entry-content .wp-audio-shortcode, .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), *[class*=inner-container] > *:not(.entry-content):not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.wp-block-separator):not(.woocommerce), .default-max-width, .wp-block-search, hr.wp-block-separator:not(.is-style-dots):not(.alignwide), .entry-content > .alignleft, .entry-content > .alignright, .author-bio, .search-form {
      max-width: calc(100vw - 3rem) !important;
  }

  .widget-area, .pagination, .comments-pagination, .post-navigation, .site-footer, .site-header, .alignwide, .wide-max-width, .wp-block-pullquote.alignwide > p, .wp-block-pullquote.alignwide blockquote, hr.wp-block-separator:not(.is-style-dots).alignwide{
    max-width: calc(100vw - 3rem) !important;
  }
}