/*
Theme Name: Mapa Educação BLOG
Theme URI: https://mapaeducacao.com/blog/
Description: Blog do Mapa Educação
Author: Marcela Magossi
Author URI: https://mapaeducacao.com/blog/
*/

@import url('bootstrap.css');
@import url('normalize.css');

body {font-family: 'Open Sans';}

.imgheader {-webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -ms-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; transition: all 500ms ease-in-out;}
.imgheader:hover{opacity: 0.6;}

.titulo {font-family: 'Bree Serif'; font-size: 25px; text-align: center;}
.titulo a {font-family: 'Bree Serif'; font-size: 25px; color: #2b2b2b; text-decoration: none; text-transform: uppercase;}
.titulo a:hover {font-family: 'Bree Serif'; font-size: 25px; color: #525e2b; text-decoration: none; text-transform: uppercase;}

.tituloside {font-family: 'Bree Serif'; font-size: 15px; text-align: center;}
.tituloside a{font-family: 'Bree Serif'; font-size: 15px; color: #2b2b2b; text-decoration: none;}

.date {font-family: 'Open Sans'; font-size: 12px; text-align: center; color: #2b2b2b;}
.date a {font-family: 'Open Sans'; font-size: 12px; text-align: center; color: #2b2b2b;}
.date a:hover {font-family: 'Open Sans'; font-size: 12px; text-align: center; color: #8f9775;}

#author {width: 100%; padding: 10px; background: transparent; color: #2b2b2b; font-size: 12px; margin-top: 30px;}
#author b {font-size: 14px;}
#author img {float: left; margin-right: 10px; width: 50px; height: 50px;}

.content {padding: 20px; background: #fff; clear: both; margin-bottom: 30px; font-family: 'Open Sans';}
.content img {width: 100%}
.content img a {width: 100%}

a {font-family: 'Open Sans'; color: #2b2b2b; text-decoration: none;}
a:hover{font-family: 'Open Sans'; color: #666f3a; text-decoration: none;}

::-moz-selection {background: #e7e7e7; color: #000;}
::selection {background: #e7e7e7; color: #000;}

#search [type="text"] {width: 100%; height: 40px; background: #fff; border: none; margin-bottom: 20px; padding: 5px; padding-left: 20px; font-family: 'Open Sans';}

/**** post pagination wordpress - madlyluv.com ***/
.paginacao {clear:both; text-align: center; position:relative; float: right; margin-bottom: 50px;}
.paginacao span, .paginacao a {display:block; float: left; font: normal 16px 'Open Sans'; margin: 1px 2px 0 2px; color: #2b2b2b; padding: 10px;}
.paginacao span {font: normal 14px 'Open Sans'; text-transform: uppercase; padding: 10px; background: #e1e1e1;}
.paginacao .current, .paginacao .current a {color: #2b2b2b; margin: 1px 2px 0 2px; font: bold 16px 'Open Sans'; background: none;}
.paginacao a:hover {font-weight: bold;}

.colunas {margin-top: 30px; margin-bottom: 50px;}
.colunas img {filter: gray; filter: grayscale(1); -webkit-filter: grayscale(1); opacity: 0.7;}
.colunas img:hover {filter: none; -webkit-filter: grayscale(0); opacity: 1;}