/*!
Theme Name: Yugen
Version: 1.2.2
Author: Precise Themes
Theme URI: https://precisethemes.com/wordpress-theme/yugen/
Author URI: https://precisethemes.com/
Description: Yugen is a clean, simple, minimal, modern & stylish WordPress blog theme, fully responsive design and easy to use. The minimalist design-oriented theme that helps you to showcase your posts super clean and beautiful and suitable for creative writers and bloggers ranging from Fashion, Travel, Music, Car, Real State, Beauty, Design, Food, Wedding, Movie, Photography, Technology and any other types of blog. More Details at: https://precisethemes.com/wordpress-theme/yugen/ and Live Demo at: https://precisethemes.com/demo/yugen/

License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yugen
Tags: grid-layout, two-columns, left-sidebar, right-sidebar, flexible-header, custom-background, custom-header, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Yugen is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/

/*--------------------------------------------------------------
# Thumbnails portada
--------------------------------------------------------------*/
.d-block {
    display: block !important;
	max-height:320px;
	overflow:hidden;
}


/*--------------------------------------------------------------
# Widget image on sidebar (Logo B)
--------------------------------------------------------------*/

.widget_media_image {
	margin:30px auto;
	display:table;
}


/* -------------------------------------------------------------
# Amagar boto + de compartir
---------------------------------------------------------------*/
.addtoany_share_save { display:none!important;}


/*--------------------------------------------------------------
# Instagram feed
---------------------------------------------------------------*/
#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
    width: 33.33%;
    padding: 2px !important;
}

@media screen and (max-width: 50.375em) {
	#sb_instagram.sbi_col_3 #sbi_images .sbi_item {
	width: 100%;
    padding: 0px 0px 10px 0px!important;
	}	
}


/*--------------------------------------------------------------
# Correccions mides tipografia
--------------------------------------------------------------*/
.widget ul li, #breadcrumb, ul.primary-menu li {
	font-size:20px;
}
.widget ul li {
	line-height:20px;
}

.site-footer h2, .site-footer h3  {
	font-size:1.1rem;
	font-weight:normal;
	text-transform:uppercase;
}

.post-navigation .nav-links .meta-nav {
	font-family: Roboto, Helvetica, Arial, sans-serif;
}

dfn, cite, em, i {
	font-size:1.35rem;
}

.cat-links .pt-icon {
    font-size: 20px;
}

/*--------------------------------------------------------------
# Header de pàgina de categories, etiquetes, etc.
--------------------------------------------------------------*/
.page-header.cs-light {
	color: #000;
}
.page-header.cs-light .page-title label {
    color: rgba(0,0,0,.8);
}

/*--------------------------------------------------------------
# Correccions blockquote
--------------------------------------------------------------*/
blockquote{
background:#fff;
margin: 0px;
padding: 30px 30px 30px 50px;
border-left: 5px solid #cccccc;
}
blockquote p:first-of-type:first-letter {
float: left;
margin: 12px 3px 1px 0;
font-size: 70px;
}
blockquote p{
margin-bottom: 0.1rem;
}
/* Per a pàgines*/
#page blockquote{
padding: 0px 30px 30px 50px;
border-left: 1px solid #ccc;
}
.page-template-default .entry-content p { margin-bottom:0px; } 

#page .entry-content img { max-width:540px; } 

/* per a pàgines en responsive */
@media screen and (max-width: 73.375em) {

#page blockquote{
padding: 50px 30px 30px 0px;
border-left: none;
display: block;
clear:both;
}
.page-template-default .entry-content p { margin-bottom:0px; } 
#page .entry-content img { max-width:100%; }

}
/*--------------------------------------------------------------
# Icones de share en escala de grisos
--------------------------------------------------------------*/


.a2a_menu a {
	color:#666!important;
}
.a2a_menu a:hover {
	color:#000!important;
}

/*--------------------------------------------------------------
# Lletra capital als paragrafs
--------------------------------------------------------------*/
.entry-content p:first-of-type:first-letter {
float: left;
margin: 10px 8px 1px 0;
font-size: 68px;
}
/*--------------------------------------------------------------
# Iconografia Awesome
--------------------------------------------------------------*/
.fa, .far, .fas, .fab {
	margin-right:12px;
	width:20px;

}
.social-profiles-widget ul .fa, .social-profiles-widget ul .far, .social-profiles-widget ul .fas, .social-profiles-widget ul .fab {
	margin-right:0px;
}


ul.bio, .widget .textwidget ul  {
	list-style-type: none;
    margin: 0;
    padding: 0;
}

ul.bio a, ul.bio a:hover  {
	color:#000000!important;
	text-decoration:none;
}

/*--------------------------------------------------------------
# Correccions Footer bar
--------------------------------------------------------------*/
.footer-bar, .footer-bar a {
    font-size: 14px;
    color: rgba(0,0,0,.9);
    background: rgba(225,225,225,.6);
}
.footer-bar a:hover {
    color: rgba(0,0,0,1);
}

.footer-widgets .fa, .footer-widgets .far, .footer-widgets .fas, .footer-widgets .fab {
	width:20px;

}
/*--------------------------------------------------------------
# Widget Twitter
--------------------------------------------------------------*/
.timeline-ShowMoreButton {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    padding: 10px 0;
    margin: 0 0 20px 0;
    width: 155px;
    font-size: 14px;
    color: #2b7bb9;
    text-align: center;
    background-color: #fff;
    border: 1px solid #55acee;
        border-top-color: rgb(85, 172, 238);
        border-top-style: solid;
        border-top-width: 1px;
    border-radius: 0px!important;
    outline: 0;
    cursor: pointer;
}