/* Enter Your Custom CSS Here */

/* centra o tema*/
#page {
margin-left: auto;
margin-right: auto;
}

/* esconde tags dos posts*/
.form-allowed-tags, .form-allowed-tags code {
display: none;
}

/*títulos dos posts a negrito*/
.entry-title{
font-size:x-large;
font-weight: 600;
}

.side-by-side { float: left; margin-right: 5px } 

/*alargar o post width
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 640px;
}
*/

/*
Change content width in WordPress Twenty Fourteen Theme
by michi | Jan 22, 2014 | Coding | 1 comment

Well obviously WordPress Twenty Fourteen got an issue: It’s was made for tablets and it’s primary width is 1260px – which obviously makes the content width 654px. That is a mess when you want to present log output and code to the reader.
I generally dislike hacking stylesheets, even if the default style.css is very well documented. The problem is that you ain’t gonna get it for free with a single entry, but must adopt plenty of them.
After installing this nifty plugin in order to overwrite various styles (the child theme idea just sucks), my attention was caught by this blog post.
I’ve modified it a bit, and set the following entries
site and site-header max-width are set to 1420px
all context is set to 1024px (present everything to the reader)
content area (hentry) is set to 768px
*/

.site {
	max-width: 1440px;
}

.site-header {
	max-width: 1440px;
}

.hentry {
	max-width: 786px;
}

.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	max-width: 1024px;
}

.post-navigation,
.image-navigation {
	max-width: 1024px;
}

.archive-header,
.page-header {
	max-width: 1024px;
}

.contributor-info {
	max-width: 1024px;
}

.comments-area {
	max-width: 1024px;
}

.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	max-width: 1024px;
}

/*ajustar content width dos artigos*/
.archive-header, .comments-area, .image-navigation, .page-header, .page-content, .post-navigation, .site-content .entry-header, .site-content .entry-content, .site-content .entry-summary, .site-content footer.entry-meta {
    margin-right: 10px;
    margin-left: 50px;
}

/* adicionar responsividade ao slider (barra preta por baixo da imagem...*/
.metaslider, .metaslider-flex, .metaslider-1029, .ml-slider, .nav-hidden {
  height: auto !important;
}