/*
 Theme Name:   El Pachinko 2016
 Theme URI:    http://elpachinko.com
 Description:  El Pachinko de Canvas
 Author:       machbel
 Author URI:   http://machbel.com
 Template:     canvas
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  canvas-child
*/



#navigation
{
	background-color: #fff;
}


#connect .social a:before {
    font-size: 1.5em;
    margin: 0 0.5em 0.6em 0;
    padding: 0.6em;
}
#footer {
    padding: 20px 40px 6px 40px;
}
#footer-widgets {
    padding: 10px 30px;
    background-color: #f7f7f7;
}
#commentform #submit
{
	margin: 0;
}

/*  =botones sociales
----------------------------------------------- */
.social-buttons
{
	clear: both;
	min-height: 1.3rem;
	margin: 1.0rem 0 0;
	padding: 0;
	overflow: auto;
}
	.social-buttons > li
	{
		list-style: none;
		float: left;
		height: 1.4rem;
		display: block;
		line-height: 1.2rem;
		margin: 0 0.6rem 0 0;
		overflow: hidden;
	}
		.social-buttons .facebook
		{
			overflow: visible;
			position: absolute;
			min-width: 114px;
		}
		.social-buttons .twitter
		{
			margin-left: 130px;
			min-width: 90px;
		}
		.social-buttons .googleplus
		{
			min-width: 76px;
		}
			.social-buttons .optional > a,
			.social-buttons > .twitter > a
			{
				color: #FFF;
				display: block;
				font-size: 0.8rem;
				line-height: 1.25rem;
				text-align: center;
				width: 100%;
			}
				.social-buttons .optional > a:hover,
				.social-buttons > .twitter > a:hover
				{
					color: #CDCDCD;
					text-decoration: none;
				}
			.social-buttons > .facebook > .optional > a
			{
				background-color: #354c8c;
				position: absolute;
				top: 0;
				left: 0;
				width: 90px;
				z-index: 99;
			}
			.fb_iframe_widget
			{
				background-color: #FFF;
				z-index: 100;
			}
			.social-buttons > .twitter > a
			{
				background-color: #019AD2;
			}
			.social-buttons > .googleplus > .optional > a
			{
				background-color: #DD4B38;
			}
			
			.social-buttons > .pinterest,
			.social-buttons > .meneame,
			.social-buttons > .print,
			.social-buttons > .email
			{
				margin: 0 0.9rem 0 0;
			}
			.social-buttons a.pinterest:hover > img,
			.social-buttons a.meneame:hover > img,
			.social-buttons a.print:hover > img,
			.social-buttons a.email:hover > img
			{
				opacity: 0.7;
			}