body, figure, ul, h6 {margin:0; padding: 0; list-style-type: none;}
body * {font-family: 'Raleway', sans-serif; color: #333}
fieldset {border: none}
img {max-width: 100%;}
a {text-decoration: none;}

:hover *, a:hover {transition-property: all; transition-delay: .1s; transition-duration: .2s;}
 
/* BOTÕES */

.btn {
    display: block; border-radius: 4px; max-width: 170px; 
    text-align: center; font-weight: 500; line-height: 30px;
    font-size: .7em;
}
.btn-outline-black {border: 1px solid black; color: black;}
.btn-outline-grey {border: 1px solid rgb(153, 153, 153); color: rgb(153, 153, 153)}
.btn-outline-grey:hover {background:rgb(153, 153, 153); color:#fff;}

/* BANNER*/

figure#banner {width: 100%}
figure#banner figcaption {font-weight: 800}
figure#banner {position: relative; margin: 0}
figure#banner figcaption {color: #fff; text-align: center; position: relative;}

/* ASIDE */

aside {border-left: 5px solid rgb(85, 191, 253);}
aside form legend {font-size: .75em;}
aside form input {margin-bottom: 5px; padding: 0}
aside form [type=submit] {border: none; color: #fff; background: rgb(85, 191, 253); width: 152px; height: 27px;}
aside form [type=text] {width: 150px; height: 25px; border:1px solid rgb(85, 191, 253)}

/* CONTENT */

div.content {padding-bottom: 40px}

/* BLOG */

#postGallery a:hover {text-decoration: underline;}

/* RIGHTBAR */

.rightBar li {border-bottom: 1px solid #eee; margin-bottom: 10px;}
.rightBar li img {margin-right: 5px;}
.rightBar li span {color: rgb(150, 150, 150)}
.rightBar li .flex .flex-item:nth-of-type(2) {border-left: 4px solid #eee; margin-left: 5px;}

/* POST */

article p {color: rgb(110, 110, 110)}
.dataPost {
    background: rgb(233, 233, 233); border-radius: 4px;
    padding: 10px; margin-bottom: 20px; font-size: .75em;
}